FuelUX 树：创建时选择的默认项目/文件夹答案

【问题标题】：FuelUX tree: Default item/folder to selected on createFuelUX 树：创建时选择的默认项目/文件夹
【发布时间】：2015-07-21 12:35:00
【问题描述】：

有谁知道如何在创建时默认选择 FuelUX 树项/文件夹。

我知道我可以在事后调用 tree.tree('selectItem', $('#' + node.id)) 来选择节点，但这需要更多的努力（尤其是对于大型多级树) 与仅在创建时设置它相比。

类似这样，一个名为“Selected”的属性将项目标记为选中

result.push({
    name: value.text,
    type: ((parentNode != null) && (!$.isEmptyObject(parentNode))) ? 'item' : 'folder',
    children: children,
    parent: parentNode,
    **selected: value.selected**
    dataAttributes: {
        id: value.id
    }});

【问题讨论】：

标签： tree fuelux

【解决方案1】：

您可以在项目attr 对象中设置an attribute，然后创建一个事件，当loaded.fu.tree 被触发时会找到所有data-default-selected="true" 并单击它们。

确保多选已打开。

【讨论】：

【解决方案2】：

如果您有以下这些代码...

<ul id="tree1"></ul>

var myTree = $('#tree1');

myTree.on('loaded.fu.tree', function (e) {
    // need to add technique here
});

然后你可以在你的children >> attr 中使用my-selected-item 类，如下所示......

'children': {
    'Cat': {text: 'Cat', type: 'item'},
    'Goat': {
        text: 'Goat', type: 'item',
        "attr": {
            "class": "my-selected-item"
        }
    },
    'Tiger': {text: 'Tiger', type: 'item'}
}

现在在上面写技术行...

myTree.on('loaded.fu.tree', function (e) {
    myTree.tree('selectItem', $('.my-selected-item'))
})

希望这将使selected 成为Goat 项目。

【讨论】：