jQuery EasyUI Formular-Plugin -Combotree
jQuery EasyUI Plugins
Erbt von $.fn.combo.defaults und $.fn.tree.defaults. Überschreiben Sie die Standardeinstellungen über $.fn.combotree.defaults.
Die combotree kombiniert ein Auswahlsteuerelement mit einem Dropdown-Baum. Sie ähnelt einer Combobox, außer dass die Liste durch einen Baum ersetzt wird. Die combotree unterstützt einen Baum mit Tree-Checkboxen für Mehrfachauswahl.
Abhängigkeiten
- combo
- tree
Nutzung
Erstellen Sie eine combotree aus Markup.
<select id="cc" class="easyui-combotree" style="width:200px;"
data-options="url:'get_data.php',required:true">
</select>
Erstellen Sie eine combotree mit JavaScript.
<input id="cc" value="01">
$('#cc').combotree({
url: 'get_data.php',
required: true
});
Eigenschaften
Diese Eigenschaften erben von combo und tree. Im Folgenden sind die für combotree hinzugefügten oder überschriebenen Eigenschaften aufgeführt.
| Name | Type | Beschreibung | Standardwert |
|---|---|---|---|
| editable | boolesch | Legt fest, ob der Benutzer Text direkt in das Textfeld eingeben kann. | false |
Ereignisse
Diese Ereignisse erben von combo und tree.
Methoden
Diese Methoden erben von combo. Im Folgenden sind die für combotree hinzugefügten oder überschriebenen Methoden aufgeführt.
| Name | Parameters | Beschreibung |
|---|---|---|
| options | none | Gibt das Optionsobjekt zurück. |
| tree | none | Gibt das tree-Objekt zurück. Das folgende Beispiel zeigt, wie Sie den ausgewählten tree-Knoten abrufen.
var t = $('#cc').combotree('tree'); // get the tree object
var n = t.tree('getSelected'); // get selected node
alert(n.text);
|
| loadData | data | Merkt sich die lokalen tree-Daten. Codebeispiel:
$('#cc').combotree('loadData', [{
id: 1,
text: 'Languages',
children: [{
id: 11,
text: 'Java'
},{
id: 12,
text: 'C++'
}]
}]);
|
| reload | url | Fordert Remote-tree-Daten erneut an. Übergeben Sie den Parameter 'url', um den ursprünglichen URL-Wert zu überschreiben. |
| clear | none | Löscht den Wert der Komponente. |
| setValues | values | Legen Sie das Array der Werte für die Komponente fest. Codebeispiel:
$('#cc').combotree('setValues', [1,3,21]);
|
| setValue | value | Legen Sie den Wert der Komponente fest. Codebeispiel:
$('#cc').combotree('setValue', 6);
|
jQuery EasyUI Plugins Weitere Erweiterungen