如何在jqgrid的form editing中添加关联datepicker
1个回答
展开全部
我的解决思路是,在用户点击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的大小
定义一个函数
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的大小
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询