Plugin de formulaire jQuery EasyUI -Combotree

jQuery EasyUI 插件Plugins jQuery EasyUI

Hérite de $.fn.combo.defaults et $.fn.tree.defaults. Remplacez les valeurs par défaut via $.fn.combotree.defaults.

Le combotree combine un contrôle de sélection avec un arbre déroulant. Il est similaire à une combobox, sauf que la liste est remplacée par un composant tree. Le combotree prend en charge un arbre avec des cases à cocher d'état d'arborescence pour la sélection multiple.

Dépendances

  • combo
  • tree

Utilisation

Créer un combotree à partir du balisage.

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

Créer un combotree à l'aide de JavaScript.

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

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

Propriétés

Ces propriétés héritent de combo et tree. Voici les propriétés ajoutées ou redéfinies pour combotree.

Name Type Description Valeur par défaut
editable booléen Définit si l'utilisateur peut saisir directement du texte dans le champ de texte. false

Événements

Ces événements héritent de combo et tree.

Méthodes

Ces méthodes héritent de combo. Voici les méthodes ajoutées ou redéfinies pour combotree.

Name Parameters Description
options none Renvoie l'objet options.
tree none Renvoie l'objet tree. L'exemple ci-dessous montre comment obtenir le nœud d'arbre sélectionné.
var t = $('#cc').combotree('tree');    // get the tree object
var n = t.tree('getSelected');        // get selected node
alert(n.text);
loadData data Mémoriser les données locales de l'arbre.
Exemple de code :
$('#cc').combotree('loadData', [{
    id: 1,
    text: 'Languages',
    children: [{
        id: 11,
        text: 'Java'
    },{
        id: 12,
        text: 'C++'
    }]
}]);
reload url Demander à nouveau les données d'arbre distantes. Passez le paramètre 'url' pour remplacer la valeur d'URL d'origine.
clear none Effacer la valeur du composant.
setValues values Définit le tableau de valeurs du composant.
Exemple de code :
$('#cc').combotree('setValues', [1,3,21]);
setValue value Définit la valeur du composant.
Exemple de code :
$('#cc').combotree('setValue', 6);
jQuery EasyUI 插件Plugins jQuery EasyUI Autres extensions