Question

我需要创建一个应用程序。哪个应该有树视图。在树中，只有其中一些是可拖动的。

最重要的是它应该具有搜索选项。

它应该是可单击的，每当我右键单击时，我都会得到一个事件以显示弹出窗口。

请向我建议一些不错的树状视图示例。

Answer 1

我正在使用这个

https://github.com/frontend-collective/react-sortable-tree

好人，但我没有发现onItemClick事件，因此我为此使用addEventListener

clickEventListenerAdd()
{
  function addEventListenerByClass(className, event, fn) {
    var list = document.getElementsByClassName(className);
    for (var ii = 0, len = list.length; ii < len; ii++) {
      list[ii][event] = fn;
    }
  }

  addEventListenerByClass(
    'rst__rowContents',
    'onclick',
    HANDLE_FUNC
  );
}

Answer 2

https://github.com/frontend-collective/react-sortable-tree 请参阅上面的链接以获取拖动和搜索过滤器。处理好一切都很好请参考下面我的答案以处理点击

  generateNodeProps={clickedNode => ({
      onClick: () => console.log(clickedNode),
  })}

什么是反应树视图的所有选项

2 个答案: