Heim > Artikel > Web-Frontend > Ausführliche Erläuterung von Beispielen für Click-Events in der EasyUI-Dropdown-Liste
Dieser Artikel stellt hauptsächlich die Verwendung von easyUI-Dropdown-Listen-Klickereignissen im Detail vor. Interessierte Freunde können darauf verweisen.
Das Beispiel in diesem Artikel zeigt Ihnen, wie Sie easyUI verwenden Die Methode des Klickereignisses der Dropdown-Liste dient als Referenz. Der spezifische Inhalt ist wie folgt:
Sie können eine Dropdown-Liste durch Eingabe und Auswählen wobei „select“ wie folgt lautet:
JsArray erstellen
über json Beispiel:
[{ "id":1, "text":"text1" },{ "id":2, "text":"text2" },{ "id":3, "text":"text3", "selected":true },{ "id":4, "text":"text4" },{ "id":5, "text":"text5" }]HTML-Code Snippet:
js-Code-Snippet:
<select id="in_edit_netlink" style="width:160px;" class="easyui-combobox" data-options="valueField:'id',textField:'text',editable:false" > </select>
Seiteneffektanzeige:
var ljfsArray = new Array(); var objHTTP = new Object(); objHTTP.text = "HTTP"; var objTCP = new Object(); objTCP.text = "TCP"; objTCP.id = 1; objHTTP.id = 2; if (data.ljfs == "HTTP") { objHTTP.selected=true; } else { objTCP.selected=true; } ljfsArray.push(objHTTP); ljfsArray.push(objTCP); $('#in_edit_netlink').combobox('loadData', ljfsArray);
Attribut
Erläuterung:valueField:'id'---objTCP.id--->OptionswertwerttextField:'text'---objTCP.text--->Seitenanzeigewert
objTCP. selected=true; --->Die Standardanzeige ist
Klickänderungsereignis
onSelect, was
onChange entspricht
aber problematisch Das Problem ist: onChange wird in easyUI nicht unterstützt und onSelect wird in HTML nicht unterstützt. onSelect muss im js-Code verwendet werden:
Verwenden Sie
$("#in_edit_netlink").combobox({ onSelect: function () { connectionType = $('#in_edit_netlink').val(); if (connectionType == 1) { $('#in_edit_sjjh').textbox('setValue', tcpIp); } else { $('#in_edit_sjjh').textbox('setValue', httpIp); } } })
Nach dem standardmäßigen Laden kann das onSelect-Ereignis normal verwendet werden.
$(function () { })
[Verwandte Empfehlungen]
1.
Kostenloses Javascript-Video-Tutorial
2.Vue-V-Modell-Formular Beispiel-Tutorial zur Steuerungsbindung
3. Detailliertes Beispiel für die Bootstrap-Formularvalidierung
4. OffsetWidth-Fehler und Verarbeitungsmethode in JS
5.Detailliertes Beispiel für die Überprüfung mehrerer Namen durch jQuery Validate
Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Beispielen für Click-Events in der EasyUI-Dropdown-Liste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!