Как программно расширить папки с древовидным представлением Fuelux с помощью jQuery?

Я застрял в этой проблеме. Я использую древовидную структуру Fuelux для отображения списка категорий и папок. Я хочу отображать расширенное древовидное представление при загрузке страницы. Кажется, я не могу этого добиться. Я обнаружил, что нужно щелкнуть папку дерева, прежде чем элементы папки будут заполнены. Поэтому я попытался использовать

$('.tree-folder').trigger('click');

чтобы вызвать щелчок, чтобы он мог расширяться автоматически. Но это, кажется, не работает. я пробовал

$('.tree-folder').click();

но тоже не получится.

Итак, как вы автоматически инициируете щелчок или просто как вы автоматически расширяете древовидное представление о топливе? Есть идеи? Заранее спасибо.


person Paul    schedule 15.07.2014    source источник
comment
извините, я вставил тот же код, я отредактировал свое объяснение. click() тоже не работает.   -  person Paul    schedule 15.07.2014


Ответы (1)


Вам нужно убедиться, что вы инициируете событие клика на правильном элементе.

https://github.com/ExactTarget/fuelux/blob/3.2.1/js/tree.js#L35-L42

Для Fuel UX 3.2.1 (текущий на момент ответа) выполните в консоли следующее: http://getfuelux.com/javascript.html#tree-usage для примера.

$('#treeIllustration .tree-branch-name').trigger('click')

Это запускает метод openFolder, который вы можете вызвать напрямую.

https://github.com/ExactTarget/fuelux/blob/3.2.1/js/tree.js#L198

В этот момент после запуска loaded.fu.tree можно создать/вызвать метод для рекурсивного лазания по дереву и вызова openFolder

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

https://github.com/ExactTarget/fuelux/issues/new

person Stephen Williams    schedule 07.11.2014