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 触发