javascript - 剑道 ui kendoSortable 不工作

Question

我正在使用 kendo ui 创建一些网格。下面的代码示例是促使我实现的代码示例。我在开发过程中遇到了一个错误，我尝试了一些解决方法，但都没有奏效。

http://dojo.telerik.com/AsUDo/14

问题来了:我需要创建一个具有可排序行为的网格(在整个 tr 中)。

只有当我评论这一行时，整行才可以排序:

//ignore: "TD, input". 

但是如果我更改产品名称然后单击单价，例如，产品名称字段中的文本将设置为以前的值。它只是没有得到更新。

如果我使用

ignore: "TD, input" 

属性，每当我输入产品名称然后更改单价或更改任何其他字段时，字段都会更新，但我得到的唯一可排序列是带有模板的列，不符合要求我的客户问。

有什么想法吗？

Answer 1

sortable mousedown 会干扰事件的单元格保存顺序，因此当您编辑该行并单击另一个单元格时，sortable 事件会“杀死”编辑事件并且您的更改会丢失。

如果您将可排序过滤器更改为

filter: ">tbody >tr:not(.k-grid-edit-row)",

这会“禁用”当前编辑行上的可排序事件，以便编辑事件可以完成。

缺点是如果你想排序/拖动正在编辑的行，你必须先点击离开该行(这样它就不再是.k-grid-edit-row)然后返回并拖动它行。

这就是我设置可排序网格的方式，我只能接受缺点...或者您可以使用排序处理程序而不是允许拖动整行。

您也许可以尝试使用过滤器来克服我的缺点，但我没能做到，而且在宏伟的计划中，还有更重要的事情需要花时间……即尝试让客户放松不那么重要的要求。