Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erläuterung von Beispielen für Click-Events in der EasyUI-Dropdown-Liste

Ausführliche Erläuterung von Beispielen für Click-Events in der EasyUI-Dropdown-Liste

Y2J
Y2JOriginal
2018-05-14 16:38:362618Durchsuche

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);
  $(&#39;#in_edit_netlink&#39;).combobox(&#39;loadData&#39;, 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 = $(&#39;#in_edit_netlink&#39;).val();
      if (connectionType == 1) {
       $(&#39;#in_edit_sjjh&#39;).textbox(&#39;setValue&#39;, tcpIp);
      } else {
       $(&#39;#in_edit_sjjh&#39;).textbox(&#39;setValue&#39;, 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn