使 jqGrid 的每一行可拖动答案

【问题标题】：Making each row of a jqGrid draggable使 jqGrid 的每一行可拖动
【发布时间】：2015-02-09 17:59:14
【问题描述】：

我想让 jqGrid 的每一行都可拖动。我的目标是当我从一个 jqGrid 中拖动一行并将其放到另一个 jqGrid 行上时（我想要发生 drop 事件的行的数据），需要执行一些后端操作。

到目前为止，我已经尝试如下。

JQuery 代码：

$("#gridtable").jqGrid(
                {
                    datatype : "json",
                    datastr : values,
                    colNames : [ 'Name','Age'],
                    colModel : [ {
                        name : 'name',
                        index : 'name',
                        shrinkToFit: true
                    },
                    {
                        name : 'age',
                        index : 'agee',
                        shrinkToFit: true
                    }],
                    rowNum : 10,
                    rowList : [ 10, 20, 30 ],
                    autowidth : true ,
                    pager : '#gridpager',
                    sortname : 'name',
                    viewrecords : true,
                    sortorder : "desc",
                    caption : "JSON Example"
                });
var rows = $('#gridtable' tbody tr);
rows.each(function(i){
(this).draggable{
//some options here
}

但是这段代码不起作用。行不可拖动。请帮我解决这个问题。

提前致谢。

【问题讨论】：

标签： jquery jqgrid draggable rows

【解决方案1】：

jqGrid 提供了一个默认功能，可以使用gridDnD 在两个网格之间实现拖放。见文档here

调用约定：

jQuery("#list").gridDnD(options);

或使用新的 API

jQuery("#list").jqGrid('gridDnD', options);

查看详细示例here

现在进入您的代码和 jquery-ui draggable 问题。请参阅此Post 以获得更好的解释。

还有一个demo fiddle。

【讨论】：