Блог

Главная - Вопросы по программированию - Выпадающий список ExtJS 4 с вложенным списком

Выпадающий список ExtJS 4 с вложенным списком

#extjs #combobox

#extjs #выпадающий список

Вопрос:

Возможно ли создать выпадающий список, содержащий значение другого выпадающего списка?

Пример:

http://img5.fotos-hochladen.net/uploads/comboboxjrv2sc4zi6.png

При наведении курсора мыши на «Значение 1» должен быть открыт другой выпадающий список.

Комментарии:

1. Это похоже на меню? Я думаю, вы можете изменить значение второго выпадающего списка с помощью события onChange в первом выпадающем списке.

2. docs.sencha.com/extjs/4.2.2 /#!/api/Ext.form.field. Комбинированный блок

Ответ №1:

как сказал @Vlad, есть 2 варианта:

  1. создайте меню внутри меню:

{
text: 'Option 1',
menu: { // submenu
items: [
{
text: 'Option 1 - 1'
}, {
text: 'Option 1 - 2'
}, {
text: 'Option 1 - 3'
}, {
text: 'Option 1 - 4'
}
]
}
}

  1. создайте выпадающий список, который mouseover фильтрует другую комбинацию (вы даже можете отобразить комбинацию на mouseover

Ответ №2:

Я бы выбрал меню. Меню можно прикрепить к кнопке, тогда оно будет вести себя почти как combo. Смотрите этот пример — первая кнопка слева.