Twitter Bootstrap TreeView Plugin

Question

Кто-нибудь знает зрелый плагин для древовидной структуры в twitter bootstrap? Большинство вещей, я нашел до сих пор являются

а) не больше поддерживает

б) ищет некрасиво/глюки

с) не может быть инициализирован из HTML неупорядоченного списка

d) дон 't разрешить элемент (узел или лист) для выбора.

В принципе, мне нужно это, чтобы реализовать что-то похожее на файл-проводник, но для каталога продуктов eCommerce.

Заранее благодарен! .

Answer 1

Посмотрите на 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 дерева ({DataSource: treeDataSource});

Вот рабочий пример с источником данных: http://bootply.com/60761

Если вы хотите папку или пункт будет выбор, вы должны смотреть на методы/события, раскрываемых контролем.

Answer 2

Кажется, я немного опоздал на вечеринку, но вы можете проверить мое древовидное представление на основе jQuery для Twitter Bootstrap.

Изначально назван bootstrap-treeview.js !!!

Это в версии 1 и будет поддерживать только Bootstrap v3 вверх, но ...

• будет поддерживаться,
• выглядит ближе к начальной загрузки выглядеть и чувствовать себя, чем любой другой Я видел,
• приводится данных,
• высоко настраиваемый внешний вид,
• имеет выбираемые узлы с крючками событий

ЗАКАНЧИВАТЬ документацию проекта github page для полного и взять look here for a live demo.