Расширение jQuery EasyUI -Редактируемое дерево

Расширение jQuery EasyUI

Использование

Создать дерево

    <ul id="tt"></ul>
    $('#tt').etree({
        url: 'tree_data.json',
        createUrl: ...,
        updateUrl: ...,
        destroyUrl: ...,
        dndUrl: ...
    });

Установите свойства url, createUrl, updateUrl, destroyUrl и dndUrl, чтобы автоматически синхронизировать данные между клиентом и сервером.

• url: возвращает данные дерева.
• createUrl: при создании нового узла дерево передаёт на сервер параметр с именем 'parentId', который указывает id родительского узла.
  Сервер должен вернуть данные добавленного узла. Следующий код демонстрирует пример добавления данных узла:

  {"id":1,"text":"new node"}
  

• updateUrl: при обновлении узла дерево передаёт на сервер параметры 'id' и 'text'.
  Сервер выполняет операцию обновления и возвращает обновлённые данные узла.
• destroyUrl: при удалении узла дерево передаст серверу параметр 'id'.
  Сервер возвращает данные {"success":true}.
• dndUrl: при перетаскивании узла дерево передаст серверу следующие параметры:
  id — идентификатор перетаскиваемого узла.
  targetId — узел, в который он помещается.
  point — указывает операцию размещения. Возможные значения: 'append', 'top' или 'bottom'.
  Сервер выполняет некоторые действия и возвращает данные {"success":true}.

Методы

Этот метод расширяет дерево. Ниже приведены методы, добавленные для редактируемого дерева (etree).

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

jquery-easyui-etree.zip

Расширение jQuery EasyUI