Плагин формы jQuery EasyUI -Combotree

jQuery EasyUI 插件jQuery EasyUI Плагины

Наследует от $.fn.combo.defaults и $.fn.tree.defaults. Переопределите значения по умолчанию через $.fn.combotree.defaults.

combotree объединяет элемент управления выбором с раскрывающимся деревом. Он похож на combobox, за исключением того, что список заменён компонентом дерева. combotree поддерживает дерево с флажками состояния дерева для множественного выбора.

Зависимости

  • combo
  • tree

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

Создание combotree из разметки.

<select id="cc" class="easyui-combotree" style="width:200px;"
    data-options="url:'get_data.php',required:true">
</select>

Создание combotree с помощью JavaScript.

<input id="cc" value="01">

$('#cc').combotree({
    url: 'get_data.php',
    required: true
});

Свойства

Эти свойства наследуются от combo и tree. Ниже приведены свойства, добавленные или переопределённые для combotree.

Name Type Описание Значение по умолчанию
editable логическое значение Определяет, может ли пользователь напрямую вводить текст в текстовое поле. false

Events

Эти события наследуются от combo и tree.

Методы

Эти методы наследуются от combo. Ниже приведены методы, добавленные или переопределённые для combotree.

Name Parameters Описание
options none Возвращает объект options.
tree none Возвращает объект tree. В примере ниже показано, как получить выбранный узел tree.
var t = $('#cc').combotree('tree');    // get the tree object
var n = t.tree('getSelected');        // get selected node
alert(n.text);
loadData data Запоминает локальные данные tree.
Пример кода:
$('#cc').combotree('loadData', [{
    id: 1,
    text: 'Languages',
    children: [{
        id: 11,
        text: 'Java'
    },{
        id: 12,
        text: 'C++'
    }]
}]);
reload url Повторно запрашивает удалённые данные tree. Передайте параметр 'url', чтобы переопределить исходное значение URL.
clear none Очищает значение компонента.
setValues values Установить массив значений для компонента.
Пример кода:
$('#cc').combotree('setValues', [1,3,21]);
setValue value Установить значение компонента.
Пример кода:
$('#cc').combotree('setValue', 6);
jQuery EasyUI 插件Плагины jQuery EasyUI Другие расширения