javascript - 如何使用 jQuery 以编程方式扩展 Fuelux Treeview 文件夹？

Question

我一直被这个问题困扰。我正在使用 Fuelux Treeview 显示类别和文件夹列表。我想要的是在页面加载时显示展开的 TreeView 。我似乎无法实现这一点。我发现在填充文件夹项目之前必须单击树文件夹。所以我尝试使用

$('.tree-folder').trigger('click');

触发点击，使其自动展开。但这似乎不起作用。我已经尝试过

$('.tree-folder').click();

但它也不起作用。

那么如何自动触发点击或者如何自动展开 Fuelux TreeView 呢？有任何想法吗？提前致谢。

Answer 1

您需要确保在正确的元素上触发点击事件。

https://github.com/ExactTarget/fuelux/blob/3.2.1/js/tree.js#L35-L42

对于 Fuel UX 3.2.1(当前答案)，在 http://getfuelux.com/javascript.html#tree-usage 上的控制台中运行以下命令举个例子。

$('#treeIllustration .tree-branch-name').trigger('点击')

这会触发您可以直接调用的openFolder方法。

https://github.com/ExactTarget/fuelux/blob/3.2.1/js/tree.js#L198

此时，在loaded.fu.tree触发后，可以创建/调用一个方法来递归地爬树并调用openFolder

这将是一个很好的增强。请提交问题，以便确定优先级。如果您想出一个好的解决方案，请随时提交拉取请求。

https://github.com/ExactTarget/fuelux/issues/new