javascript - 如何在文本输入中添加拖放区域？

Question

我正在尝试实现从数据表到 Webix 文本输入的 DnD。 其实我找到了a sample对于 html 输入:

    webix.DragControl.addDrop("mytext", {       // "mytext" is a DIV id
        $drop:function(source, target, event){
            var dnd = webix.DragControl.getContext();
            target.value = dnd.from.getItem(dnd.source[0]).title;
        }
    })

但是我怎样才能将 addDrop 改为 Webix ui.text 呢？是否可以用其他东西替换 DIV id？ 关键是内部输入的 ID 是动态的(存储到重新加载页面为止)，因此我没有看到任何易于理解的方法来向其添加放置区域。任何想法都值得赞赏。

这是基于上一个示例的演示:http://webix.com/snippet/14cbbeec

Answer 1

一个肮脏的解决方案是将 addDrop 添加到 webix 小部件 $view 属性(= DOM 元素):

webix.DragControl.addDrop($$('webixText').$view, {
  $drop:function(source, target, event){
    var dnd = webix.DragControl.getContext();
    // target is the DOM element, so have to access webix widget with id
    $$('webixText').setValue(dnd.from.getItem(dnd.source[0]).title);
  }
});

更新的代码片段:http://webix.com/snippet/77363e5a