在jqGrid中拖动行

我想在jqGrid中实现可拖动的行特性，它也在使用option

$('#MyGrid').jqGrid('gridDnD', { 
connectWith: '#MyGrid2'}); 

---

现在，我的客户端希望在目标网格行中显示拖动文本，该行将从现有行拖动到新行的位置，如何在从源行拖动到目标行的同时显示该文本？非常感谢您的帮助……

我觉得您的问题很有趣。因此，我修改了旧的演示，并创建了一个演示可能实现的演示。放置期间的网格如下图所示：

它使用以下代码

$grid1.jqgriddnd{ 连接：grid2， 下拉菜单选项：{ activeClass:， 悬停类： }, onstart：功能ev，用户界面{ ui.helper.addClassui-widget ui小部件内容 .css{ 字体大小：11px， 字体大小：正常 }; }, 顶部：功能ev、ui{ $dragHelper.hide； }, droppos:afterSelected，//beforelected beforedrop：函数e、ui、getdata、$source、$target{ 变量名称=$target.jqGridgetCol，名称2； 如果$.inarayGetData.name2，名称>=0{ //防止数据丢失 ui.helper.drop=false； AlertRow\+getdata.name2+\已在目标网格中； } $dragHelper.hide； $grid2.jqGridsetSelection，this.id，true，e； }, ondrop：函数ev、ui、getdata{ var selRow=$grid2.jqGridgetGridParam，selRow， $tr=$+$.jgrid.jqIDselRow； 如果$tr.length>0{ $grid2.jqGridsetSelection，$grid2[0]。行[$tr[0]。行索引+1]。id，true； } } }; //使目标网格的每一行都可拖放，然后选择“上一行” $grid2 tr.jqgrow.droppable{ hoverClass:ui状态悬停， 结束：功能e，用户界面{ $grid2.jqGridsetSelection，this.id，true，e； $dragHelper.show.position{my:right center，at:left bottom，of:$this}； } };

---

我在这里为工具提示保留了一些位置↣ 在网格的左侧，另外标记移动行下的行，以使删除行的位置更清晰。我使用了支持中最初建议的addRowData的afterSelected和BeforSelected位置的。所以我用了droppos:afterSelected。删除的行将插入选定行之后。

我发现您的问题很有趣。因此，我修改了旧的演示，并创建了一个演示可能实现的演示。放置期间的网格如下图所示：

它使用以下代码

$grid1.jqgriddnd{ 连接：grid2， 下拉菜单选项：{ activeClass:， 悬停类： }, onstart：功能ev，用户界面{ ui.helper.addClassui-widget ui小部件内容 .css{ 字体大小：11px， 字体大小：正常 }; }, 顶部：功能ev、ui{ $dragHelper.hide； }, droppos:afterSelected，//beforelected beforedrop：函数e、ui、getdata、$source、$target{ 变量名称=$target.jqGridgetCol，名称2； 如果$.inarayGetData.name2，名称>=0{ //防止数据丢失 ui.helper.drop=false； AlertRow\+getdata.name2+\已在目标网格中； } $dragHelper.hide； $grid2.jqGridsetSelection，this.id，true，e； }, ondrop：函数ev、ui、getdata{ var selRow=$grid2.jqGridgetGridParam，selRow， $tr=$+$.jgrid.jqIDselRow； 如果$tr.length>0{ $grid2.jqGridsetSelection，$grid2[0]。行[$tr[0]。行索引+1]。id，true； } } }; //使目标网格的每一行都可拖放，然后选择“上一行” $grid2 tr.jqgrow.droppable{ hoverClass:ui状态悬停， 结束：功能e，用户界面{ $grid2.jqGridsetSelection，this.id，true，e； $dragHelper.show.position{my:right center，at:left bottom，of:$this}； } };

---

我在这里为工具提示保留了一些位置↣ 在网格的左侧，另外标记移动行下的行，以使删除行的位置更清晰。我使用了支持中最初建议的addRowData的afterSelected和BeforSelected位置的。所以我用了droppos:afterSelected。删除的行将插入选定行之后。

谢谢！奥列格。。尝试实现它，将在完成后更新您。再次感谢汉克斯！奥列格。。尝试实现它，将在完成后更新您。再次感谢汉克斯！奥列格。。尝试实现它，将在完成后更新您。再次感谢