2014-03-06 89 views
1

我是jqGrid的新手。我正在嘗試對jqgrid中的行拖放選項&。我已經試過用這個fiddle http://jsfiddle.net/QEzhr/298/非常感謝任何有價值的建議。我試過 jQuery(「#mytable」)。gridDnD();並且還與
jQuery(「#mytable」)。jqGrid('gridDnD');在jqGrid中拖放行

回答

5

我有同樣的問題,所以我看着你的例子。

做了一些改變,現在它似乎工作。

頭文件: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'); 

     });