jquery - jqGrid:结合 sortableRows 和 gridDnD(重复行)

Question

我希望能够将项目从 Grid1 拖动到 Grid2，然后允许用户对 Grid2 的项目进行排序。单独来看，sortableRows 选项和gridDnd 选项可以正常工作。当两个集成一起使用并且用户对 Grid2 中的行进行排序时，这些行将被复制，就像它们是从 Grid1 中拖动一样。

使用 jquery 1.4.4、jqueryui 1.8.10、jqGrid 4.2以下是演示该问题的一些示例代码:

<script type="text/javascript">
$(document).ready(function () {
    // Creating grid1
    jQuery("#grid1").jqGrid({
        datatype: "local",
        height: 100,
        colNames: ['Id1', 'Name1', 'Values1'],
        colModel: [
           {name: 'id1', index: 'id',width: 100}, 
           {name: 'name1',index: 'name',width: 100},
           {name: 'values1',index: 'values',width: 200}
        ],
        caption: 'Grid 1',
        pager: '#pgrid1'
    });

    // Creating grid2
    jQuery("#grid2").jqGrid({
        datatype: "local",
        height: 'auto',
        colNames: ['Id2', 'Name2', 'Values2'],
        colModel: [
           {name: 'id2',index: 'id',width: 100},
           {name: 'name2',index: 'name', width: 100},
           {name: 'values2',index: 'values',width: 200}],
        caption: 'Grid 2',
        pager: '#pgrid2'
    });

    // Data for grid1
    var mydata1 = [
        {id1:"1",name1:"test1",values1:'One'},
        {id1:"2",name1:"test2",values1:'Two'},
        {id1:"3",name1:"test3",values1:'Three'}
    ];

    // Data for grid2
    var mydata2 = [
        {id2:"11",name2:"test11",values2:'One1'},
        {id2:"21",name2:"test21",values2:'Two1'},
        {id2:"31",name2:"test31",values2:'Three1'}
    ];

    // Adding grid data
    for (var i = 0; i <= mydata1.length; i++) {
        jQuery("#grid1").jqGrid('addRowData',i + 1, mydata1[i]);
        jQuery("#grid2").jqGrid('addRowData',i + 1, mydata2[i]);
    }

    // connect grid1 with grid2
    jQuery("#grid1").jqGrid('gridDnD',{connectWith:'#grid2'});
    // make grid2 sortable
    jQuery("#grid2").jqGrid('sortableRows');

});

</script>
<table id="grid1">
    <tr>
        <td />
    </tr>
</table>
<table id="grid2">
    <tr>
        <td />
    </tr>
</table>

Answer 1

这似乎是 jqGrid 代码中的一个错误。我认为应该更改行 392来自 grid.jqueryui.js 的

return d;

至

return false;

jquery.jqGrid.src.js中对应的行编号为11098。更改后the original demo将固定为the following这似乎工作正确。

已更新:我发布了 the bug report在 trirand 论坛中，我描述了该问题以及解决该问题的建议。我希望 Tony 将修复程序包含在 jqGrid 的主代码中。

更新2:该错误已经是 fixed在jqGrid的主代码中。