如何使用jQuery以编程方式扩展fuelux treeview文件夹?

时间:2014-07-15 07:46:35

标签: javascript jquery treeview fuelux

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

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

触发点击,以便自动展开。但这似乎不起作用。我试过了

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

但它也不会起作用。

那么如何自动触发点击或者如何自动扩展fuelux树视图?有任何想法吗?提前谢谢。

1 个答案:

答案 0 :(得分:2)

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

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