2016-11-21 48 views
0

我試圖從數據表實現DnD到Webix文本輸入。 其實,我找到了一個HTML輸入a sample如何在文本輸入中添加放置區域?

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

回答

1

髒的解決方案是addDrop到webix插件$視圖屬性(= 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

+0

太好了謝謝! – Amarillo

+1

順便說一句,我發現'$ view'可以用'getInputNode()'代替,但是有真正的區別嗎? – Amarillo

+1

getInputNode對我來說聽起來更好,但是它特定於表單字段。 $ view更通用 –

相關問題