如何在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"});});}这个函数我就不需要解释了,很简单
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的大小