Twitter Bootstrap TreeView插件

有沒有人知道一個成熟的插件樹視圖在twitter bootstrap？我發現大部分事情至今都Twitter Bootstrap TreeView插件

一）不再保持

B）面色難看/有毛刺

三）不能從一個HTML無序列表

d初始化）唐不允許選擇元素（節點或葉）。

基本上我需要這個來實現類似於文件瀏覽器的東西，但是對於電子商務產品目錄。

在此先感謝！。

來源

2013-05-06 Hisako

你看過FuelUX樹嗎？ http://exacttarget.github.io/fuelux/#tree – ZimSystem 2013-05-06 09:35:37

真的很不錯的鏈接！但似乎只有葉子元素可以被選中，點擊「節點」展開子樹。 – Hisako 2013-05-06 11:44:21

看看在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'）樹（{數據源：treeDataSource}）;

這裏是數據源的工作示例： http://bootply.com/60761

如果你想有一個文件夾或項目可以進行選擇，你需要看看由控制暴露的方法/事件。

來源

2013-05-06 12:03:53 ZimSystem

你有沒有提示如何使「文件夾」可供選擇的提示？ – Hisako 2013-05-06 12:28:24

我不確定..可能會需要一點點定製 – ZimSystem 2013-05-06 17:13:38

好吧。因爲這個插件集合對於進一步的使用來說非常棒，我會接受你的答案。 – Hisako 2013-05-06 19:27:29

似乎我晚了一點派對，但你可以看看我的基於jQuery插件的樹形視圖Twitter Bootstrap。

想象中名爲bootstrap-treeview.js !!!

enter image description here

這是在第1版，並且只支持引導V3向上，但是......

將維持
看起來比任何其他更接近引導的外觀和感覺我見過，
是數據驅動的，
高度可定製的外觀和感覺，
與事件掛鉤

退房項目的github page的完整文檔，並採取look here for a live demo選擇的節點。

來源

2014-02-19 10:45:50

太棒了。 – raghavsood33 2015-08-22 21:33:14

嗨jonathan，用bootstrap-treeview，是否有添加或更新節點的功能？ – VJPPaz 2015-12-07 09:23:36

不錯的作品喬納森！幾乎將它用於我自己的項目，直到我意識到它不支持從外部源加載子節點。對於未來可能會變大的大型樹木或樹木來說，這是不實際的。任何計劃在未來添加此功能？這是Miciej Klak提供的另一種支持異步加載離開的選項：https：//github.com/gilek/bootstrap-gtreetable。 – huwiler 2016-05-04 02:43:38

Twitter Bootstrap TreeView插件

回答

相關問題