最近接了一个项目,用的还是jqgrid,jqgrid更新的很快,现在都是3.8.1的版本了,功能也比以前强大了很多,很多激动人心的功能都实现了!
开发过程中需要对form editing中的字段添加datepicker,网上找到了一篇,大概思路是一样的,就是对jqgrid的navGrid进行定义,首先查jqgrid的wiki,具体的文档可以看这里http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing
都文档得知我们需要用到的events主要是这个afterShowForm
我的解决思路是,在用户点击navGrid中的edit图标按钮时,弹出编辑窗口,也就是form editing,
定义一个函数
function showudate(tmpob)
{
$(function() {
tmpob.datepicker({
changeMonth: true,
changeYear: true,
dateFormat: "yy-mm-dd"
});
});
}
这个函数我就不需要解释了,很简单
然后在afterShowForm中调用这个函数就可以了,具体的写法:
jQuery("#list2").jqGrid('navGrid','#pager2',{edit:true,add:true,del:true},{width:400,height:400,afterShowForm:function(){showudate($("#tt\\.mt_date"));}},{width:400,height:400},{},{multipleSearch:true},{});//注释tt.mt_date是我关联datepicker的输入框的id的名称,width:400,height:400是定义的form editing的大小
具体效果见附件中的图片
- 大小: 31.9 KB
分享到:
相关推荐
jqgrid jqgrid 增删查改 添加toolbar 不保存到数据库 artdialog 弹出框
jqgrid中文文档API,使用JQGRID
JqGrid中文API文档,包含了基础的JqGrid控件的属性方法事件等,有如何使用JqGrid的Demo.
Form Editing HOWTO Subgrids Subgrid Subgrid as grid HOWTO Tree Grid Configuration Nested Set Model Adjacency Model HOWTO Importing and Exporting Methods HOWTO User Modules Show/Hide Columns Table to...
jqGrid_API中文
jqGrid_api中文文档.其中有一些案例。方便初学者学习。
Form Editing HOWTO Subgrids Subgrid Subgrid as grid HOWTO Tree Grid Configuration Nested Set Model Adjacency Model HOWTO Importing and Exporting Methods HOWTO User Modules Show/Hide Columns Table to...
jquery.jqGrid-4.6.0(jquery表格插件).zip----------jqGrid4.6.0包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载...
jqGrid属性中文详细说明 jqGrid属性中文详细说明
刚收集到的JqGrid的详细中文文档,版本3.9
Jqgrid中文使用手册,直接从jqgrid官网翻译。非常适合查阅
jqGrid_api中文文档.doc
支持 jqGrid 4.5.2的中文语言包。 如发现个别语句翻译的不合适,可自行修改,欢迎大家留言交流。 页面引入语句如下: 。。。/jqGrid/i18n/grid.locale-zh.js"></script>
Jqgrid 中文文档 Jqgrid 属性参数详细解释 Jqgrid 属性大全
jqGrid是典型的B/S架构,服务器端只是提供数据管理,...对于jqGrid我们所关心的就是:必须有一段代码把一些页面信息保存到数据库中,而且也能够把响应信息返回给客户端。jqGrid是用ajax来实现对请求与响应的处理。
jqGrid 学习 原理 2 jqGrid 学习之 皮肤 2 jqGrid 学习 2 jQuery 学习之:jqGrid 表格插件 参数配置 4 jqGrid 学习 自定义搜索 14 jqGrid 学习 搜索工具栏 16 jqGrid 学习 搜索 17 jqGrid 学习 自定义格式化类型 19 ...
jquery.jqGrid-4.8.2(jquery表格插件).zip----------jqGrid4.8.2包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料...
在你开始jqGrid之前,你需要具有基本的JavaScript和jQuery知识。有关jQuery的知识可访问jQuery网站jquery.com。当你已有了这些基础知识后,我们从jqGrid的系统需求开始。
jqgrid