Сенча Touch использовать значок с Selectlist на панели инструментов - PullRequest
Новая
       15

Сенча Touch использовать значок с Selectlist на панели инструментов

0 голосов
/ 11 ноября 2011

Я хотел бы использовать список выбора на панели инструментов, но у меня есть значок. Например, кто-то хочет выбрать радиус для поиска мест вокруг себя. Я хочу показать значок, а затем при нажатии позволяет пользователю выбирать различные варианты, например (50 метров, 1 километр, 10 километров).

Есть ли лучший способ сделать это, чем список выбора? Возможно ли это с помощью списка выбора на панели инструментов? Когда я пытаюсь это сделать, в списке выбора отображается первое значение.

Я пытаюсь сделать это с помощью Сенча.

1 Ответ

0 голосов
/ 12 ноября 2011

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

Примерно так: 

{
    xtype : 'toolbar',
    defaults : {
        scope ; this,
        handler : showDistanceList,
        ui :'plain'
    },
    items : [{
       text : 'Some label',
       id : 'label_btn'
    }, {
       text : '5 km',           //default 5 km
       id : 'value_btn'
    }]
}


function showDistanceList(btn){
    var distanceListPanel = new Ext.Panel({
         floating : true,
         width : 200,
         height : 300,
         //items : someListComponent
    });

    distanceListPanel.showBy(btn);   

    // Set value button value here with the selected list value 
    // Ext.getCmp('value_btn').setValue('value of item selected from list');        
}

Для кнопок вы можете использовать любые значки или элементы HTML.

...