Как я заставляю extjs поле комбинированного списка действовать как нормальное, поле выбора HTML?
ExtJS обеспечивает необычное поле комбинированного списка, которое имеет много функций - вводят с опережением, допуская случайный ввод текста, скрывая все записи в выпадающем списке, которые не соединяют звездой с текстом, который был уже введен.
Я не хочу эти функции. Я хочу избранное поле, которое ведет себя в значительной степени точно как, можно было бы ожидать, что нормальное избранное поле будет в ванильном HTML.
Я действительно хочу связанный с хранилищем данных, и я действительно хочу всех других extjs положительных героев конфигурации, которые идут с полем комбинированного списка. Я просто не хочу пользователей/тестеры, волнующихся, когда они встречаются с избранным полем, которое повреждает их существующую умственную парадигму того, как эти вещи работают.
Таким образом, как я могу заставить extjs поле комбинированного списка действовать больше как избранное поле? Или я использую неправильный виджет в целом?
2 ответа
Вы можете получить это поведение, просто используя правильную конфигурацию при создании объекта EXT.FORMBOBOX:
var selectStyleComboboxConfig = {
fieldLabel: 'My Dropdown',
name: 'type',
allowBlank: false,
editable: false,
// This is the option required for "select"-style behaviour
triggerAction: 'all',
typeAhead: false,
mode: 'local',
width: 120,
listWidth: 120,
hiddenName: 'my_dropdown',
store: [
['val1', 'First Value'],
['val2', 'Second Value']
],
readOnly: true
};
var comboBox = new Ext.form.ComboBox(selectStyleComboboxConfig);
Замените режим : «Локальный» и Хранить Аргумент в вашем случае, если вы хотите, чтобы он был связан с Ext.data.jsonStore .
Вы пытались Typeapeead = false ? Не слишком уверен, если это близко к тому, что вы хотите.
var combo = new Ext.form.ComboBox({
typeAhead: false,
...
});