Twitter Bootstrap TreeView 插件 [关闭]

Question

有谁知道 twitter bootstrap 中一个成熟的树视图插件？到目前为止我发现的大多数东西都是

a) 不再维护

b) 看起来很丑/有故障

c) 无法从 html 无序列表初始化

d) 不允许元素（节点 或 叶）被选中。

基本上我需要它来实现类似于文件浏览器的东西，但用于电子商务产品目录。

提前致谢！

Answer 1

似乎我参加聚会有点晚了，但你可以查看我的基于 jQuery 插件的 Twitter Bootstrap 树视图。

富有想象力地命名为bootstrap-treeview.js!!!

它是第 1 版，只支持 Bootstrap v3 以上，但是...

• 它将被维护，
• 看起来比我见过的任何其他产品都更接近引导程序的外观和感觉，
• 是数据驱动的，
• 高度可定制的外观和感觉，
• 具有带有事件挂钩的可选节点

查看项目的github page 以获取完整文档，并获取look here for a live demo。

Answer 2

看看FuelUX tree

var treeDataSource = new DataSource({
  data: [
    { name: 'Test Folder 1', type: 'folder', additionalParameters: { id: 'F1' } },
    { name: 'Test Folder 2', type: 'folder', additionalParameters: { id: 'F2' } },
    { name: 'Test Item 1', type: 'item', additionalParameters: { id: 'I1' } },
    { name: 'Test Item 2', type: 'item', additionalParameters: { id: 'I2' } },
    { name: 'Test Item 3', type: 'item', additionalParameters: { id: 'I3' } }
  ],
  delay: 400
});

$('#MyTree').tree({dataSource: treeDataSource});

这是一个使用数据源的工作示例： http://bootply.com/60761

如果您希望文件夹或项目可选择，则需要查看控件公开的方法/事件。