Heim > Web-Frontend > js-Tutorial > Hauptteil

Ext JS implementiert Beispielcode für die dynamische Fuzzy-Suche

零下一度
Freigeben: 2017-05-15 09:34:35
Original
1226 Leute haben es durchsucht

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);
 }
 }
 }
 })
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage