GridView中使用 jQuery DatePicker (UpdatePanel)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了GridView中使用 jQuery DatePicker (UpdatePanel)相关的知识,希望对你有一定的参考价值。

 

1.无UpdatePanel

 

1.代码

<script>
    $(function () {
        $(.myDatePickerClass).datepicker({ dateFormat: yy-mm-dd });
    }); 
</script>
 
<asp:TemplateField HeaderText="UpdateETD2" SortExpression="UpdateETD">
    <EditItemTemplate>
        <asp:TextBox ID="TextBoxDate" runat="server" Text=‘<%# Eval("UpdateETD") %>‘ CssClass=‘myDatePickerClass‘></asp:TextBox>
    </EditItemTemplate>
    <ItemTemplate><%# Eval("UpdateETD") %></ItemTemplate>
</asp:TemplateField>  

2.疑问

不知道为何此处只能使用class来选到TextBoxDate

2.有UpdatePanel

 

1.代码

 

<script>
   // 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
       $(".myDatePickerClass").datepicker();
    });        
    function InitializeRequest(sender, args) {
       // make unbind to avoid memory leaks.
       $(".myDatePickerClass").unbind();
    }
    function EndRequest(sender, args) {
       // after update occur on UpdatePanel re-init the DatePicker
       $(".myDatePickerClass").datepicker();
    }
</script>
 
<asp:TemplateField HeaderText="UpdateETD2" SortExpression="UpdateETD">
    <EditItemTemplate>
        
        <asp:TextBox ID="TextBoxDate" runat="server" Text=‘<%# Eval("UpdateETD") %>‘ CssClass=‘myDatePickerClass‘></asp:TextBox>
    </EditItemTemplate>
    <ItemTemplate><%# Eval("UpdateETD") %></ItemTemplate>
</asp:TemplateField>  

 

 

以上是关于GridView中使用 jQuery DatePicker (UpdatePanel)的主要内容,如果未能解决你的问题,请参考以下文章

GridView中使用 jQuery DatePicker (UpdatePanel)

如何使用 JavaScript 或 Jquery 选择 GridView 中选定的行项的子项?

使用 jquery 或 javascript 在 GridView 的 TemplateField 中查找控件

Gridview 行命令事件未使用 jquery mobile 触发

使用 Jquery 在 asp.net GridView 中查找所有选中复选框

如果选中 CheckAll 则全选,如果未选中则使用 jQuery 从 Gridview 中取消全选