Как добавить пустой элемент в выпадающий список ExtJS?

Question

Я хочу добавить пустой элемент (отображаемое значение пусто, высота элемента остается нормальной) в Ext.form.ComboBox.Я сослался на две ссылки ниже, чтобы настроить мое поле со списком, но он по-прежнему не отображает пустой элемент:

• http://www.ashlux.com/wordpress/2009/09/04/handling-empty-options-with-ext-js-combo-box/
• http://www.sencha.com/forum/showthread.php?52340-How-to-add-a-quot-blank-quot-entry-to-a-ComboBox

Вот мой код:

общий

Данные хранилища combobox будут загружены после запроса Ajax (т.е. 3 элемента в элементах данных).И в поле со списком всего 3 элемента (а не 4, как я ожидал). Ты хоть представляешь мою проблему ?! Большое вам спасибо!

Answer 1

Поскольку вы добавляете значения поля со списком позже, почему бы просто не инициализировать хранилище одним пустым значением:

общий

Позже, когда вы создадите код кода, этот пустой код все еще будет там.

Пришлось вернуться к этому сегодня (15 апреля 2017 г.) для ExtJS 4.2:

Самый простой способ - включить пустую строку в магазин, как указано выше, это также можно сделать с помощью прослушивателя загрузки в магазине:

общий

Затем добавьте конфигурацию store.add(theRestOfThem) в поле со списком с помощью tpl после поля отображения:

общий

(поле отображения - это кодовый кодовый код в случае OP)

Answer 2

Вы можете добавить «пустую» запись в начало:

общий

Answer 3

общий

});

при инициализации компонента вы можете сделать это (на контроллере):

общий

о функции заполнения:

общий

Answer 4

Вот как мы можем добавить пустое поле в поле со списком

В java Map или любой другой коллекции поместите ключевое значение, подобное этому

общий

В js файле это должно быть так:

Слушатель для поля со списком

общий

Answer 5

В Ext 4.2.1 (возможно, других) просто добавьте в конфигурацию combobox:

общий

Answer 6

Если в магазине используются встроенные данные, то даже код store.load не сработает.Может быть, есть лучшее решение, но в итоге я вставил записи магазина в combobox.render:

общий