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

最新推荐文章于 2023-10-31 11:50:54 发布

一天天的过

最新推荐文章于 2023-10-31 11:50:54 发布

阅读量5.2k

点赞数 1

本文链接：https://blog.csdn.net/u010869338/article/details/9250433

版权

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

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

 
           <script type= 
           "text/javascript" 
           src= 
           "<%=basePath%>main/js/jquery.tablednd.js" 
           ></script>

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

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

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

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

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