コンボボックスの概要
ドロップダウンボックスとも呼ばれるコンボボックスとして変換されるコンボボックス。
このコンポーネントクラスは、値を選択するためのドロップダウンメニュー項目コンポーネントを作成するために使用されます。対応するクラスはExt.form.field.ComboBoxです。
Comboboxは、ドロップダウンで値を選択できるだけでなく、オートコンプリート(値を入力するときにドロップダウンリストのオプションと自動的に一致する)、リモートロード、およびその他の機能もサポートします。
Ext JSの<input>
コンボボックス<select>
は、HTMLのようなタグとタグの組み合わせです。フィールドでの自由入力をサポートするか、ドロップダウンリストから値を選択できます。ドロップダウンリストにない値も入力できますが、forceSelectionをtrueに設定して、入力した値をドロップダウンリストのオプションに制限することもできます。
オプションリストの値は、リモートデータストアを含むExt.data.Storeから入力されます。データウェアハウス内のデータ項目は、それぞれvalueFieldおよびdisplayField構成を介して、各オプションの表示テキストおよび値にマップされます。
フロントエンドから直接読み込まれるローカルデータなどのデータがリモートでない場合は、queryModeの値を「local」に設定する必要があります。これにより、ユーザーの応答速度が向上します。
コンボボックスの基本的な使用法
より一般的な使用法:
- ストアを定義する
var generals = Ext.create('Ext.data.Store', {
fields: ['userId', 'name'],
data: [
{ "userId": "shu001", "name": "刘备"