上一章提到在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列數據拖動(七)