1. Home
  2. JQuery EasyUI дерева меню - Дерево меню для добавления узла

Лучшее руководство по JQuery EasyUI дерева меню - Дерево меню для добавления узла в 2024 году. В этом руководстве вы можете изучить Скачать примеры Jquery EasyUI,

JQuery EasyUI дерева меню - Дерево меню для добавления узла

Этот учебник покажет вам, как присоединить узел к меню дерева (дерево). Мы создадим узел еды дерева, который содержит фрукты и овощи, а затем добавить некоторые другие фрукты к существующему фруктового узла.

Создание еды дерево

Во-первых, мы создаем пищи дерево, код выглядит следующим образом: 

	<Div стиль = "ширина: 200px; высота: авто; границы: 1px твердый #ccc;">
		<ID = класс Ul "тт" = "easyui-дерево" URL = "tree_data.json"> </ UL>
	</ Div>

Обратите внимание, что компонент (Дерево) дерево определяется в теге <UL>, данные узла дерева загружаются из URL "tree_data.json".

Получить родительский узел

Затем мы выбираем фрукты узел, щелкнув узел, мы добавим некоторые другие данные фрукты. Исполнительный getSelected, полученный узел обработки: 

	вар узел = $ ( '# тт') дерево ( 'getSelected') .;

Вернуться результат метод getSelected является Java-объект, который имеет идентификатор, текст, целевое свойство. Целевое свойство представляет собой ссылку на объект DOM выбран узел, его метод Append будет использоваться для дополнительных дочерних узлов.

Дополнительные узлы 

	вар узел = $ ( '# тт') дерево ( 'getSelected') .;
	если (узел) {
		вар узлы = [{
			"Id": 13,
			"Текст": "Малина"
		}, {
			"Id": 14,
			"Текст": "дыня"
		}];
		$ ( '# Tt'). Дерево ( 'Append', {
			Родитель: node.target,
			данных: узлы
		});
	}

Когда вы добавляете некоторые фрукты, вы увидите:

Как вы можете видеть, используя easyui дерево (Tree) плагин к дополнительному узлу не так сложно.

Скачать примеры Jquery EasyUI

jeasyui-tree-tree3.zip

Горячие учебники

Contact US

JQuery EasyUI дерева меню - Дерево меню для добавления узла
10/30