Heim >Web-Frontend >js-Tutorial >Ext JS implementiert Beispielcode für die dynamische Fuzzy-Suche
In diesem Artikel wird hauptsächlich Ext JS vorgestellt, um die Fuzzy-Dynamik--Suchfunktion für vorgeschlagene Wörter zu implementieren. Freunde, die sie benötigen, können sich auf den
-Code beziehen:
new Ext.form.ComboBox({ store: new Ext.data.JsonStore({ idProperty: 'VehicleNo', url: '../ajax/test.ashx, fields: ['VehicleNo', 'phoneNum'] }), id:'querynodesid', emptyText:'快速检索', hiddenName: 'VehicleNo', displayField: 'VehicleNo', valueField: 'VehicleNo', queryParam: 'VehicleNo', forceSelection: true, hideTrigger: true, queryDelay: 500, width:100, enableKeyEvents: true, minChars: 1, mode: 'remote', listeners: { 'select': { fn: function (combo, record, index) { var no = Ext.get("querynodesid").dom.value; findByKeyWordFiler2(no); } } } })
Parameterbeschreibung:
queryParam: 'VehicleNo', der als Parameter eingegebene Wert wird als VehicleNo-Parameter an den Hintergrund übergeben, der angepasst werden kann;
test. Das von ashx? zurückgegebene Parameterformat ist [{"VehicleNo":"00001","phoneNum":"000002"},{},{}];
'select' ist der Rückruf, der bei der Auswahl bestimmter Daten ausgeführt werden muss eignet sich für Suchen mit kleinen Datenmengen. Größere Suchvorgänge können die Leistung beeinträchtigen
【Verwandte Empfehlungen】
Besondere Empfehlungen
Version „PHP Programmer Toolbox“ V0.1 herunterladen 2. Kostenloses JS-Online-Video-Tutorial
3. php.cn Dugu Jiujian (3) - JavaScript-Video-Tutorial
Das obige ist der detaillierte Inhalt vonExt JS implementiert Beispielcode für die dynamische Fuzzy-Suche. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!