Question

我正在尝试拖拽jqgrid中行的drop选项。我试过这个fiddle。非常感谢任何有价值的建议。

我试过

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

以及

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

Answer 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');

        });

在jqgrid中拖放行

1 个答案: