如何使用 jQuery 以编程方式扩展燃料树视图文件夹？

【问题标题】：How to programmatically expand fuelux treeview folders using jQuery?如何使用 jQuery 以编程方式扩展燃料树视图文件夹？
【发布时间】：2014-07-15 07:46:34
【问题描述】：

我一直陷入这个问题。我正在使用fuelux treeview 来显示类别和文件夹的列表。我想要的是在页面加载时显示扩展的树视图。我似乎无法做到这一点。我发现在填充文件夹项目之前必须单击树文件夹。所以我尝试使用

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

触发点击，使其可以自动展开。但这似乎不起作用。我试过了

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

但它也不会工作。

那么你如何自动触发点击或者你如何自动展开燃料树视图？有任何想法吗？提前致谢。

【问题讨论】：

对不起，我粘贴了相同的代码，我已经编辑了我的解释。 click() 似乎也不起作用。

标签： javascript jquery treeview fuelux

【解决方案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('click')

这会触发您可以直接调用的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

【讨论】：