Jqgrid入门-Jqgrid列数据拖动(七)

 上一章提到在Jqgrid中如何设置二级表头，这一章节主要探讨Jqgrid表格里面的数据如果实现拖动功能，比如你想把第一行的数据拖到当前页的最后一行，或者其他位置。

    Jqgrid表格插件自己没有提供这种功能的，如果要使用这个功能，还需要导入“jquery.tablednd.js”(初始化拖动插件)。如：

<code class="jscript string">"text/javascript"</code> <code class="jscript plain">src=</code> <code class="jscript string">"<%=basePath%>main/js/jquery.tablednd.js"</code> <code class="jscript plain">>

    放在Jqgrid的js后面即可。导入js还不算完成，剩下的就剩几句js代码了。

    首先，要在Jquery的ready方法里面加入这段代码：

$( "#gridTable" ).tableDnD({
scrollAmount : 0
});

    然后在Jqgrid的gridComplete方法里面加入这段代码：

gridComplete : function () {
$( "#_empty" , "#gridTable" ).addClass( "nodrag nodrop" ); //样式
$( "#gridTable" ).tableDnDUpdate(); //更新jquery.tablednd.js插件的方法。
},

    刷新页面，拖动前的效果：

   然后把第一行，拖放到本页的最后一行。拖动后的效果：

     如果还有什么不明白的地方，可以留下你的评论。

 

 

原创文章，转载请注明： 转载自java开发者

本文链接地址: Jqgrid入门-Jqgrid列数据拖动(七)

转载于:https://www.cnblogs.com/hongzai/p/3167631.html