javascript - FuelUX 树数据源无法正常工作？

Question

文档位于http://getfuelux.com/javascript.html#tree没有给出关于如何使用 Javascript 数据源的好例子。我在 StackOverflow 上阅读了很多关于它的其他问题，但其中大多数都是旧的(仍然使用 name 而不是 text)。任何人都可以帮助我使用 dataSource 和 callback 吗？

这是我当前的代码:

HTML:

<div class="row fuelux">
    <div class="col-sm-12">
        <div id="grp-tree-hobby">
            <ul id="tree-hobbies" class="tree">
            </ul>

        </div>
    </div>

</div>

Javascript:

<script>
    $("#tree-hobbies").tree({
        dataSource: function (parentData, callback) {
            console.log(parentData);
            callback({
                "data": [
                     { "text": "No hobby has been added yet", "type": 'item' },
                     { "text": "No hobby has been added yet", "type": 'item' },
                ],
            });
        },

    });

</script>

控制台中没有打印任何异常，但是ul仍然是空白，如果我将ul更改为div，结果是还是一样。

能给我举个例子吗？

Answer 1

这是the code有关实际文档页面上的示例。

rest of your markup在哪里用于模板？