在 jqgrid 中拖放行答案

【问题标题】：Drag and drop rows in a jqgrid在 jqgrid 中拖放行
【发布时间】：2014-03-06 08:49:21
【问题描述】：

我正在为 jqgrid 中的行尝试拖放选项。我试过这个fiddle。非常感谢您提出宝贵的建议。

我试过了

jQuery("#mytable").gridDnD();

还有

jQuery("#mytable").jqGrid('gridDnD');

【问题讨论】：

标签： jqgrid rows

【解决方案1】：

我遇到了同样的问题，所以我查看了您的示例。

做了一些更改，现在它似乎可以工作了。

包括：jQuery UI.js，因为这是基本的 jQuery 拖放代码所在的位置。包括：jquery.tablednd.js

在创建网格后将 Dnd 调用和可排序行调用移至。

工作小提琴：http://jsfiddle.net/netroworx/6wMm7/

$(document).ready(function() {
    jQuery("#mytable").jqGrid({
      datatype:"clientSide",
      data:[ {"number": 1, "segment":"first", "name": "chap0"},
             {"number": 2, "segment":"second",  "name": "chap1"},
             {"number": 3, "segment":"third",  "name": "chap2"},
           ],
      colNames:['Chapter Name', 'Chapter Number', 'Document Segment'],
      colModel:[
              {name:'name'},
              {name:'number', sorttype:'number'},
              {name:'segment'},
              ],
      autowidth:true,
      height:'200',
      sortname: 'number',
      viewrecords: true,
      caption: 'My first grid',
      altRows:true

  }); 
   jQuery("#mytable").sortableRows();   
   jQuery("#mytable").jqGrid('gridDnD');

        });

【讨论】：