Time picker Javascript is not working inside an Update Panel after postback.

Question

0.00/5 (No votes)

See more:

Hi Expert,

Working on asp.net Application.

I have used javascript for time picker control.Timepicker textbox is in update panel.

It works fines only for first time.And second time it does not work when i click any button or postback.

Please help me.

Here is my code

XML

<script type="text/javascript" language="javascript" src="Styles/Date Time Picker/prototype-1.js"></script>
<script type="text/javascript" language="javascript" src="Styles/Date Time Picker/behaviour.js"></script>
<script type="text/javascript" language="javascript" src="Styles/Date Time Picker/datepicker.js"></script>
<link rel="stylesheet" href="Styles/Date Time Picker/datepicker.css"/>
<script type="text/javascript" language="javascript" src="Styles/Date Time Picker/behaviors.js"></script>


<asp:UpdatePanel ID="UpdatePanel3" runat="server">
                                       <ContentTemplate>
<div>
 <asp:TextBox ID="txtArrivalTime1" class="timepicker" runat="server"
                  Width="285px"></asp:TextBox>


</ContentTemplate>
<Triggers>
    <asp:AsyncPostBackTrigger ControlID="chkAbv1" EventName="checkedchanged" />
     <asp:AsyncPostBackTrigger ControlID="chkAbv2" EventName="checkedchanged" />
     </Triggers>
     </asp:UpdatePanel>

please help me to solve this problem.

Thanks In adv & Sorry for poor English

Posted 4-Aug-13 21:21pm

udusat13

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Maarten Kools · Answer 1 · 2013-08-05T00:29:00

I would say that the time picker isn't reinitialized (it's basically a new element) after the asynchronous postback. I don't know how you initialize it, but I assume you're using $(document).ready now?

You should use the pageLoaded event, like so:

JavaScript

Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(function(evt, args) {
    $(".timepicker").datepicker(); // Or however you initialize the jQuery plugin.
});

Using that, you shouldn't need $(document).ready anymore. Here[^] is some more info on that.

As an alternative, you can create a custom control out of it (probably the nicest way to do it, more reusable). However, that might be a little bit too advanced.

More info on that:
Asp.Net Ajax ScriptControl Tutorial[^]
ASP.NET: Create AJAX Server Controls using the ScriptControl base class[^]
Adding Client Capabilities to a Web Server Control[^]
Creating Custom ASP.NET AJAX Client Controls—IScriptControl.GetScriptDescriptors Method[^]