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:

Js

Array 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:&#39;id&#39;,textField:&#39;text&#39;,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!