HTML элементы формы с jstree? - PullRequest
Новая
       12

HTML элементы формы с jstree?

0 голосов
/ 09 февраля 2011

Я реализовал jstree с базовой компоновкой. 

<div id="mytree"> 
    <ul> 
    <li class="category"><a href="#">category1</a> 
      <ul><li class="subcategory"><a href="a">subcategory1</a></li></ul> 
      <ul><li class="subcategory"><a href="a">subcategory2</a></li></ul> 
      <ul><li class="subcategory"><a href="a">subcategory3</a></li></ul> 
    </li> 
    <li class="category"><a href="#">category2</a> 
      <ul><li class="subcategory"><a href="a">subcategory1</a></li></ul> 
      <ul><li class="subcategory"><a href="a">subcategory2</a></li></ul> 
      <ul><li class="subcategory"><a href="a">subcategory3</a></li></ul> 
    </li> 
    </ul> 
</div>

jstree конфигурация здесь: 

$('#mytree').jstree({ 
        'core' : { 
                'animation' : false 
        }, 
        'themes' : { 
                'theme' : classic, 
                'dots' : false, 
                'icons' : true 
        }, 
        'types' : { 
            'valid_children' : [ 'folder' ], 
            'types' : { 
                    'folder' : { 
                            'valid_children' : [ 'file'], 
                            'max_depth' : 1 
                    }, 
                    'file' : { 
                            'valid_children' : [ 'none' ], 
                            'icon' : { 'image' : './images/file.png' }, 
                    } 
              }
        }, 
        'plugins' : [ 
                'html_data', 
                'themes', 
                'types', 
                'contextmenu', 
                'search' 
        ] 
});

Это все внутри диалогового окна jquery ui: 

var treeDialog = $('#mytree').dialog({
    autoOpen: false ,
    draggable: false,
    modal: false,
    resizable: false,
    show: 'slideDown',
    hide: 'slideUp',
    position: 'top,left',
});

Все работает как чемпион. Я могу вызвать диалог, и Jstree заполняет все красиво. Но у меня есть около 150 элементов класса подкатегории, и я хотел бы иметь окно поиска в верхней части диалогового окна, чтобы я мог искать их с помощью поискового плагина jstree. Однако я не могу понять, как этого добиться.

Я пытался создать div выше 'mytree' и использовать его в качестве основы для моего диалога, сохраняя 'mytree' для jstree, но это тоже не сработало.

Это выполнимо? Мне было бы трудно думать, что это не так. :)

...