jquery-ui - Fancytree 不能将 ext-edit 与 ext-dnd 一起使用？

Question

jQuery UI 1.11 + Fancytree 2.3.0

$("#tree").fancytree({
  extensions: ["edit", "dnd"],
  edit{ ... },
  dnd{ ... },
  ...
});

[DND]

• 已经有效。

[编辑]

• [F2] - 忽略。
• [Shift+Click] - 有效。

---

使用 dnd 扩展时无法 F2 键。为什么要破坏“F2”？

Answer 1

[jQuery UI 1.11 - 可拖动]

var mouse = $.widget("ui.mouse", {
  ...
  _mouseDown: function(event) {
    ...
    this.document
      .bind( "mousemove." + this.widgetName, this._mouseMoveDelegate )
      .bind( "mouseup." + this.widgetName, this._mouseUpDelegate );

    event.preventDefault();

    mouseHandled = true;
    return true;
},

Fancytree(ul.fancytree-container) 在阻塞 event.preventDefault() 时缺少焦点。

如果你能固执地专注。试试这个代码。

$("#tree").fancytree({
  extensions: ["edit", "dnd"],
  edit{ ... },  
  dnd{ ... },
  click: function(event, data){
    data.tree.$container.focus();
  },
  ...
});