回发后，时间选择器Javascript在更新面板中不起作用. [英] Time picker Javascript is not working inside an Update Panel after postback.

问题描述

专家，

在asp.net应用程序上工作.

我已使用JavaScript进行时间选择器控制.时间选择器文本框位于更新面板中.

它仅在第一次时有效，第二次在我单击任何按钮或回发时不起作用.

请帮帮我.


这是我的代码

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

<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

推荐答案

我要说的是，异步回发后，时间选择器并未重新初始化(它基本上是一个新元素).我不知道如何初始化它，但我想您现在正在使用

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?

您应该使用pageLoaded事件，如下所示:

(document).ready now?

You should use the pageLoaded event, like so:

Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(function(evt, args) {

(" ).datepicker(); // 或初始化jQuery插件. });

(".timepicker").datepicker(); // Or however you initialize the jQuery plugin. });

使用它，您不需要

Using that, you shouldn''t need

这篇关于回发后，时间选择器Javascript在更新面板中不起作用.的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！