Ext JS implémente un exemple de code de recherche dynamique floue

Cet article présente principalement Ext JS pour implémenter la fonction de recherche dynamique floue des mots suggérés. Les amis qui en ont besoin peuvent se référer au code

 :

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);
 }
 }
 }
 })

Description du paramètre :

queryParam : 'VehicleNo', la valeur saisie comme paramètre sera passée en arrière-plan en tant que paramètre VehicleNo, qui peut être personnalisé ;

test. Le format du paramètre renvoyé par ashx? est

[{"VehicleNo":"00001","phoneNum":"000002"},{},{}];

'select' est le rappel qui doit être exécuté lors de la sélection de certaines données

Cette méthode ; convient aux recherches avec de petites quantités de données. Si les données sont plus volumineuses, les recherches peuvent affecter les performances.

【Recommandations associées】

1.

 : " PHP Programmer Toolbox " Téléchargement de la version V0.1 2 Tutoriel vidéo en ligne js gratuit

3. php.cn Dugu Jiujian (3) - Tutoriel vidéo JavaScript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!