Asp.Net的UpdatePanel中的GridView的Jquery的DatePicker [英] Asp.Net UpdatePanel in Gridview Jquery DatePicker

问题描述

<asp:UpdatePanel ID="asd" runat="server">
<ContentTemplate>
<asp:GridView ID="gvUpdate" runat="server">
<Columns>
<asp:TemplateField HeaderText="DATE">
<ItemTemplate>
<asp:Label ID="lblDate" runat="server" Text='<%# Eval("DATE","{0:dd.MM.yyyy}")%>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="txtDate" runat="server" Text='<%# Eval("DATE","{0:dd.MM.yyyy}") %>'></asp:TextBox>
</EditItemTemplate>
</asp:TemplateField>
</Columns>
</ContentTemplate>

我要为txtDate如何让jQuery的日期选择器？

i want jquery datepicker for "txtDate" how to make ?

感谢您......

推荐答案

最简单的方法是把你的日期文本框类，只是使用jQuery添加日期选择器...

The most simple way is to place a class on your Date Text box, and just use jQuery to add the datepicker...

<EditItemTemplate>
<asp:TextBox ID="txtDate" CssClass="clDate" 
  runat="server" Text='<%# Eval("DATE","{0:dd.MM.yyyy}") %>'></asp:TextBox>
</EditItemTemplate>

和Init这是JavaScript： $（。clDate」）日期选择器（）; 但更新面板是更新后需要重新初始化，所以最后code将是：

and the javascript for init this is: $(".clDate").datepicker(); but the update panel is need again initialization after the Update, so the final code will be:

<script type="text/javascript"> 
   // if you use jQuery, you can load them when dom is read.
   $(document).ready(function () {
       var prm = Sys.WebForms.PageRequestManager.getInstance();    
       prm.add_initializeRequest(InitializeRequest);
       prm.add_endRequest(EndRequest);

       // Place here the first init of the DatePicker
       $(".clDate").datepicker();
    });        

    function InitializeRequest(sender, args) {
       // make unbind to avoid memory leaks.
       $(".clDate").unbind();
    }

    function EndRequest(sender, args) {
       // after update occur on UpdatePanel re-init the DatePicker
       $(".clDate").datepicker();
    }
</script> 

更新：关于Sys系统。 - > http://msdn.microsoft.com/en-us/library/bb311028的.aspx

这篇关于Asp.Net的UpdatePanel中的GridView的Jquery的DatePicker的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！