fancytree - 单击标题或单选按钮选择 Fancytree 节点

标签 fancytree

我使用 Fancytree 作为单选按钮。我希望能够单击标题或关联的单选按钮来选择节点。

通过基本的 Fancytree 初始化,

$("#tree").fancytree({
  checkbox: true,    // turn on checkboxes
  selectMode: 1      // allow only a single selection
});

单击节点标题会突出显示该标题,但不会勾选单选按钮。之后,勾选单选按钮即可选择该节点,但先前选择的节点上的突出显示仍然保留。在这里试试:https://jsfiddle.net/slothbear/db4gzh47

我已阅读FAQ Fancytree 为事件、选定、聚焦和悬停维护单独的状态。我已经尝试了很多事件来保持节点选择和激活同步,但尚未找到正确的组合。

有没有办法模拟带标签的 HTML 单选按钮的行为,您可以在其中单击标签或单选按钮?示例:http://jsfiddle.net/Gu55B/1/

最佳答案

我尝试添加一个return false并且它有效。尝试这样的事情:

$("#tree").fancytree({
  checkbox: true,
  selectMode: 1,
  click: function(event, data){
    // data.node.setSelected(true) will work too
    data.node.toggleSelected();
    return false;
  }
});

希望对你有帮助!

关于fancytree - 单击标题或单选按钮选择 Fancytree 节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34345757/

相关文章:

jquery - 花式树禁用节点的复选框选择

javascript - 获取 FancyTree 中的焦点节点

javascript - 将可拖动的数据/行放入 Fancytree 中?

javascript - 在两个 Fancetree 之间拖放

javascript - scrollIntoView() 没有将节点滚动到树的顶部

javascript - 从 fancytree 插件获取所有节点

php - fancytree 不加载 json 数据

jquery - Fancytree 重新加载后不展开节点

javascript - 用于渲染完成的花式树事件

javascript - 如何使用fancy tree js拖放后生成json?