首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

怎么在jqgrid的form editing中添加关联datepicker

2012-10-28 
如何在jqgrid的form editing中添加关联datepicker最近接了一个项目,用的还是jqgrid,jqgrid更新的很快,现在

如何在jqgrid的form editing中添加关联datepicker
最近接了一个项目,用的还是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的大小


具体效果见附件中的图片
1 楼 lplong 2011-03-02   那jqgrid与My97DatePicker集成怎么使用啊? 2 楼 xuanwf 2011-03-10   代码可以贴全吗?我没有成功!

热点排行