正文
Jqgrid入门-Jqgrid列数据拖动(七)
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
上一章提到在Jqgrid中如何设置二级表头,这一章节主要探讨Jqgrid表格里面的数据如果实现拖动功能,比如你想把第一行的数据拖到当前页的最后一行,或者其他位置。
Jqgrid表格插件自己没有提供这种功能的,如果要使用这个功能,还需要导入“jquery.tablednd.js”(初始化拖动插件)。如:
1 | <script type= "text/javascript" src= "<%=basePath%>main/js/jquery.tablednd.js" ></script> |
放在Jqgrid的js后面即可。导入js还不算完成,剩下的就剩几句js代码了。
首先,要在Jquery的ready方法里面加入这段代码:
1 2 3 | $( "#gridTable" ).tableDnD({ scrollAmount : 0 }); |
然后在Jqgrid的gridComplete方法里面加入这段代码:
1 2 3 4 | gridComplete : function () { $( "#_empty" , "#gridTable" ).addClass( "nodrag nodrop" ); //样式 $( "#gridTable" ).tableDnDUpdate(); //更新jquery.tablednd.js插件的方法。 }, |
刷新页面,拖动前的效果:
然后把第一行,拖放到本页的最后一行。拖动后的效果:
如果还有什么不明白的地方,可以留下你的评论。
原创文章,转载请注明: 转载自java开发者
本文链接地址: Jqgrid入门-Jqgrid列数据拖动(七)