ホームページ  >  記事  >  ウェブフロントエンド  >  Ext JS はあいまい動的検索のサンプルコードを実装します

Ext JS はあいまい動的検索のサンプルコードを実装します

零下一度
零下一度オリジナル
2017-05-15 09:34:351226ブラウズ

この記事では主に、提案された単語のファジー動的検索機能を実装するためのExtJSを紹介します。必要な友達はそれを参照してください

コード:

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

パラメータの説明:

queryParam: 'VehicleNo',パラメータが入力されます。値は、カスタマイズ可能な VehicleNo パラメータとしてバックグラウンドに渡されます。

test.ashx? 返されるパラメータの形式は、選択時に実行する必要があるコールバックです。特定のデータ; [{"VehicleNo":"00001","phoneNum":"000002"},{},{}];

この方法は、データ量が比較的大きい場合、少量のデータでの検索がパフォーマンスに影響を及ぼす可能性があります。

特に推奨される

:

V0.1 バージョンのダウンロード

2

以上がExt JS はあいまい動的検索のサンプルコードを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。