Fuel UX Tree 获取未选择的数据答案

【问题标题】：Fuel UX Tree get unselected dataFuel UX Tree 获取未选择的数据
【发布时间】：2014-01-20 10:46:56
【问题描述】：

我使用 Fuel UX 树插件。当鼠标单击时，我需要获取有关未选择项目的信息。起初，树中的所有项目都被选中，当我点击树项目时，它被取消选中，但我无法获取有关该项目的信息，因为这段代码：

$('#tree1').on('selected', function (evt, data) {
     console.log(data);
}

仅返回选定的项目。是获取树中未选中项目信息的方法吗？

【问题讨论】：

根据文档，“选择项目/项目时会触发此事件。返回包含 {info: data} 的对象。数据表示所选项目的数组”。所以我怀疑您是否有办法对所选事件执行此操作
有没有机会将 html 属性/类添加到树项？
我看不出你为什么不能这样做。

标签： javascript jquery tree fuelux

【解决方案1】：

我在第 100 行附近的fuelUX 代码副本中添加了一个额外的“未选择”事件...

if($el.hasClass('tree-selected')) {
    this.$element.trigger('unselected', {info: $el.data()});
    $el.removeClass('tree-selected');
    $el.find('i').removeClass(this.options['selected-icon']).addClass(this.options['unselected-icon']);
} else {
...

这也会向我发送与未选中项目相关的数据。希望对你有帮助。

【讨论】：