javascript - 在 Kendo UI TreeList 中拖动节点时如何更改图标/拖动线索？

Question

在 Kendo TreeList 中拖动节点时，当 e.target 有效(允许放入)时显示加号图标，但当 e.target 无效时显示拒绝图标(例如当您将节点拖过本身或 child )。 我自己定义了一些拒绝掉落的条件。 现在，我也想根据我的规则将图标更改为拒绝。

对于 TreeView，有 e.setStatusClass(k-denied) 方法。它不适用于树列表:https://docs.telerik.com/kendo-ui/api/javascript/ui/treeview/events/drag . TreeList 有类似的东西吗？在文档中，没有:https://docs.telerik.com/kendo-ui/api/javascript/ui/treelist/events/drag .

--

使用 onDrag(e) 方法并访问 e.target 会得到一个 td。但我需要将 dataItem 放入 tr。

Answer 1

我遇到了同样的问题，并设法使用 drag event 解决了它...

我在树列表中添加了一个拖动功能:

drag: function(e) {
    if ($(e.target).parents('#targetTreeList>div>table').length>0) {
        e.setStatus("k-i-plus");
    }
    else {
        e.setStatus("k-i-cancel");
    }
}

当鼠标悬停在 Id='targetTreeList' 的树列表中的节点上时，它会改变图标，当然你可以添加自己的逻辑(我检查它也是一个根节点)...

我希望我能帮上一点忙(我在 stackoverflow 上的第一个答案...)

编辑: 要获取您可以使用的数据项:

$(e.target).parents('.k-treelist').data('kendoTreeList').dataItem(e.target)

(看起来过于复杂，但这是我让它工作的唯一方法)...