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>  

2.说明

参考:http://stackoverflow.com/questions/3341623/asp-net-updatepanel-in-gridview-jquery-datepicker

MSDN:https://msdn.microsoft.com/zh-cn/library/bb311028.aspx

来自为知笔记(Wiz)

时间: 2024-10-08 04:41:46

GridView中使用 jQuery DatePicker (UpdatePanel)的相关文章

点击GridView中TextBox弹出输入对话层,输入内容反传回先前点击的TextBox中(Jquery获取GridView中TextBox的ID)

项目中,由于用户反映说:GridView表中的输入框太小,不方便输入,特别是在输入内容多的时候.问能不能点击GridView中输入框的时候能弹出一个大的内容输入对话框. 介于用户的要求,我就开始修改. 先想到的就是我用Jquery在GridView中TextBox上添加一个focus焦点捕捉事件,当点击时触犯弹出内容输入框. 然后就是当输入完毕的操作了,我又使用内容输入框(其实也是一个TextBox)的焦点失去事件(blur),在该事件中先把值反馈回先前点击的GridView中的那个TextBo

JQuery datepicker 用法

JQuery datepicker 用法 jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等.官方地址:http://docs.jquery.com/UI/Datepicker,官方示例: http://jqueryui.com/demos/datepicker/. 一个不错的地址,用来DIY jQuery UI界面效果的站点http://jqueryui.com/the

日期选择器:jquery datepicker的使用

helloweba.com 作者:月光光 时间:2012-04-08 21:05 标签: jquery  datepicker  jquery ui 在jquery ui中,提供了一个非常实用的日期选择器:datepicker,使用它能非常方便的展现日历中的日期,灵活配置相关选项,包括日期格式.范围等.我们经常在WEB应用中用到datepicker,比如要求用户输入日期进行相关查询的.我们很早之前就应用datepicker到很多项目中,今天整理成文与大家分享. 查看演示 下载源码 准备工作 首先

jQuery datepicker参数 详解

DatePicker支持鼠标点选日期,同时还可以通过键盘控制选择: page up/down - 上一月.下一月 ctrl+page up/down - 上一年.下一年 ctrl+home - 当前月或最后一次打开的日期 ctrl+left/right - 上一天.下一天 ctrl+up/down - 上一周.下一周 enter - 确定选择日期 ctrl+end - 关闭并清除已选择的日期 escape - 关闭并取消选择 实用功能: $.datepicker.setDefaults( set

jQuery Datepicker日期控件

datepicker可以为bootstrap添加一个事件选择控件,适用于任何需要调用的场合,支持多种事件格式输出(比如:dd, d, mm, m, yyyy, yy等),是制作网页不可缺失的插件. Requirements Bootstrap 2.0.4+ jQuery 1.7.1+ 在线文档 Datepicker基础使用 Datepicker功能定制 Datepicker英文文档 Datepicker中文文档 Datepicker项目主页 简单示例 var nowTemp =newDate()

universal image loader在listview/gridview中滚动时重复加载图片的问题及解决方法

在listview/gridview中使用UIL来display每个item的图片,当图片数量较多需要滑动滚动时会出现卡顿,而且加载过的图片再次上翻后依然会重复加载(显示设置好的加载中图片) 最近在使用UIL遇到了这个问题,相信这个问题许多使用UIL的人都碰到过 现在把解决方法贴出来给有同样问题的朋友做参考 先看下UIL的工作流程 在已经允许内存,存储卡缓存的前提下,当一个图片被请求display时,首先要判断图片是否缓存在内存中,如果false则尝试从存储卡读取,如果依然不存在最后才从网络地址

SharePoint 2013 的Master page 中引入Jquery

SharePoint 2013 的Master page 中引入Jquery 分类: JavaScript SharePoint2013-02-03 22:01 1978人阅读 评论(0) 收藏 举报 design managerjqueryjQueryJQUERYJqueryJQueryMaster pageSharePoint 2013引入 本文讲述如何在SharePoint 2013 的Master page 中引入Jquery. 在SharePoint 2013 的Master page

Gridview中奇偶数行颜色设置

在gridview中的RowDataBound事件里面写 switch (e.Row.RowType) {case DataControlRowType.Header: e.Row.BackColor = Color.FromArgb(153, 0, 0); e.Row.ForeColor = Color.White; break; case DataControlRowType.DataRow: //建立奇数行与偶数行的onmouseover及onmouseout的颜色变换 if (Conve

在JavaScript中重写jQuery对象的方法

jQuery是一个很好的类库,它给我们解决了很多的客户端编程,任何东西都不是万能的,当它不能满足我们的需求时我们需要对它进行重写,同时也不要影响其原有的功能或者修改其原有的功能:我现在的web应用程序大多数时候的数据交互都是通过Ajax来完成的,这样就可以将一些隐藏字段的数据保存在HTML标签的属性中,使HTML标签的代码量减少,如:ID,Timestamp等等,这些不需要用户输入但又不得不提交的字段,通过表单提交的做法是 <input name="ID" value="