Question

我想让我的jqGrid的每一行都可拖动。我的目标是当我从一个jqGrid拖动一行并将其放在其他jqGrid行上时（我希望丢弃事件发生在哪一行上的数据），需要执行一些后端操作。

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

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
}

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

提前致谢。

Answer 1

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

致电对话：

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

或使用新API

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

详见示例here

现在进入你的代码和 jquery-ui draggable 问题。有关更好的说明，请参阅此Post。

使jqGrid的每一行都可拖动

1 个答案:

详见示例here

和demo fiddle。