在 jqgrid 中拖放行

我正在尝试对 jqgrid 中的行进行拖放选项。我试过这个fiddle http://jsfiddle.net/QEzhr/298/。非常感谢任何宝贵的建议。

我尝试过

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

并且还与

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

我遇到了同样的问题，所以我研究了你的例子。

做了一些改变，现在似乎有效了。

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

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

工作小提琴：http://jsfiddle.net/netroworx/6wMm7/ 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');

        });