Twitter Bootstrap TreeView Plugin

Personne ne sait mature plugin pour un treeview dans twitter bootstrap? La plupart des choses que j'ai trouvé jusqu'à présent sont

un) n'est plus maintenu

b) la recherche laid /ont pépins

c) ne peut pas être initialisé à partir d'une page html liste non ordonnée

d) ne pas permettre à un élément (nœud ou feuilles) pour être sélectionné.

Essentiellement, j'ai besoin de cela pour mettre en œuvre quelque chose de similaire à un fichier de l'explorateur, mais pour un eCommerce catalogue de Produits.

Merci d'avance!

Avez-vous regardé le FuelUX arbre? exacttarget.github.io/fuelux/#tree
Vraiment sympa le lien! Mais il semble que seule feuille les éléments peuvent être sélectionnés, en cliquant sur un "nœud" se développe la sous-arborescence.

OriginalL'auteur Hisako | 2013-05-06

  1. 2

    Prendre un coup d'oeil à la FuelUX arbre

    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').arbre({source de données: treeDataSource});

    Voici un exemple de travail avec la source de données:
    http://bootply.com/60761

    Si vous voulez un dossier ou un élément pour être sélectionnable, vous aurez besoin de regarder les méthodes/événements exposés par le contrôle.

    Avez-vous une astuce comment faire les "dossiers" sélectionnable sans trop de tracas?
    Je ne suis pas sûr.. sera probablement prendre un peu de personnalisation
    ok. depuis cette collection de plugins, c'est juste génial pour une utilisation ultérieure, je vais accepter votre réponse.

    OriginalL'auteur Zim

  2. 11

    Semble que je suis un peu en retard à la fête, mais vous pouvez vérifier mon plugin jQuery en fonction de la vue en arborescence pour Twitter Bootstrap.

    Imaginative nom bootstrap-treeview.js!!!

    Twitter Bootstrap TreeView Plugin

    C'est à la version 1 et du support de Bootstrap v3 vers le haut, mais...

    • il sera maintenu,
    • regarde de plus près l'amorçage de regarder et de sentir que tout les autres que j'ai vu,
    • est piloté par les données,
    • très personnalisable, regarder et sentir,
    • a sélectionnable nœuds avec des crochets

    Découvrez le projet de page github pour une documentation plus complète, et de prendre un rechercher ici pour une démo.

    C'est génial.
    salut jonathan, avec le bootstrap treeview, est-il une fonction pour ajouter ou mettre à jour les nœuds?
    Beau travail de Jonathan! Presque ça pour un projet de ma propre jusqu'à ce que j'ai réalisé qu'il n'a pas en charge le chargement des nœuds enfants provenant d'une source externe. Ce n'est pas pratique pour les grands arbres ou des arbres qui pourraient faire grande dans l'avenir. Des plans pour ajouter cette fonctionnalité dans le futur? Voici une autre option par Miciej Klak qui prend en charge le chargement des feuilles de manière asynchrone: github.com/gilek/bootstrap-gtreetable.

    OriginalL'auteur Jonathan Miles