jQuery EasyUI Plugin de formulario -Combotree

jQuery EasyUI 插件jQuery EasyUI Plugin

Extendido desde $.fn.combo.defaults y $.fn.tree.defaults. Sobrescribe los defaults por defecto mediante $.fn.combotree.defaults.

El árbol combinado (combotree) combina un control de selección con un árbol desplegable. Es similar al cuadro combinado (combobox), con la diferencia de que reemplaza la lista por un componente de árbol. El árbol combinado (combotree) admite árboles con casillas de verificación de estado para la selección múltiple.

Dependencias

  • combo
  • tree

Uso

Crear un árbol combinado (combotree) desde el marcado.

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

Crear un árbol combinado (combotree) usando JavaScript.

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

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

Propiedades

Estas propiedades se extienden desde combo y tree, a continuación se muestran las propiedades agregadas o sobrescritas para el árbol combinado (combotree).

Nombre Tipo Descripción Valor predeterminado
editable boolean Define si el usuario puede escribir texto directamente en el campo de texto. false

Eventos

Estos eventos se extienden desde combo y tree.

Métodos

Estos métodos se extienden desde combo, a continuación se muestran los métodos agregados o sobrescritos para el árbol combinado (combotree).

Nombre Parámetros Descripción
options none Devuelve el objeto de opciones (options).
tree none Devuelve el objeto de árbol (tree). El siguiente ejemplo demuestra cómo obtener el nodo de árbol seleccionado.
var t = $('#cc').combotree('tree');    // get the tree object
var n = t.tree('getSelected');        // get selected node
alert(n.text);
loadData data Conserva los datos locales del árbol (tree).
Ejemplo de código:
$('#cc').combotree('loadData', [{
    id: 1,
    text: 'Languages',
    children: [{
        id: 11,
        text: 'Java'
    },{
        id: 12,
        text: 'C++'
    }]
}]);
reload url Vuelve a solicitar los datos remotos del árbol (tree). Pasa el parámetro 'url' para sobrescribir el valor de URL original.
clear none Limpia el valor del componente.
setValues values Establece el array de valores del componente.
Ejemplo de código:
$('#cc').combotree('setValues', [1,3,21]);
setValue value Establece el valor del componente.
Ejemplo de código:
$('#cc').combotree('setValue', 6);
jQuery EasyUI 插件jQuery EasyUI Plugin Otras extensiones