如何在图像下方的图像上单击打开组合框？ （在Sencha EXTJS中）

Question

如何在图像下方的图像上单击打开组合框？图像当前位于面板上，组合框出现在图像旁边。我正在使用tap功能！

Answer 1

Ext.create({
        xtype:'window',
        title:'Your panel',
        width:300,
        height:200,
        layout:{
            type:'hbox'
        },
        items:[
            {
                xtype:'image',
                src:'https://i.vimeocdn.com/portrait/58832_300x300',
                width:50,
                height:50,
                listeners:{
                    el: {
                        click: function() {
                            var combo=Ext.getCmp('mycombo');
                            combo.expand();
                        }
                    }
                }
            },
            {
            xtype:'combobox',
            id:'mycombo',
            store:['data1','data2']
            }
        ]
    }).show();

使用combo.expand（）展开组合，并在el元素上添加点击或点按

Answer 2

试试这个： Ext.application（{     名称：＆＃39;小提琴＆＃39;，

launch : function() {
    Ext.create({
        xtype:'window',
        title:'Your panel',
        width:300,
        height:200,
        layout:{
            type:'vbox'
        },
        items:[
            {
                xtype:'image',
                src:'https://i.vimeocdn.com/portrait/58832_300x300',
                width:50,
                height:50,
                listeners:{
                    el: {
                        click: function() {
                            var combo=Ext.getCmp('mycombo');
                            combo.show();
                            combo.expand();                                
                        }
                    }
                }
            },
            {
            xtype:'combobox',
            id:'mycombo',
            store:['data1','data2'],
            hidden: true
            }
        ]
    }).show();
}

}）;