ext combobox下拉选项框不需要点击自动显示
ext combobox下拉选项框不需要点击combobox右边的下拉箭头,打开页面显示完成就自动显示下拉选项框解决办法。
解决办法就是给combobox添加id,在
事件(注意不能用render或者afterrender,这2个事件自动显示出来的下拉选项框不是容器的宽度,比combobox长度短)然后通过id获取到Element对象,然后找到箭头对象,触发click事件。Ext触发事件比较裸水,需要操作dom对象,而不同jquery,一个trigger方法触发下事件搞定。如下图所示
afterrender中ext combobox自动显示下拉框效果
boxready中ext combobox自动显示下拉框效果
示例居于ext-4.1.1a\examples\form\combos.html示例修改,其他版本ext自己检查下对应的combobox事件,如 4.1.0,同时检查combobox下拉箭头的样式,因为是通过样式找到下拉箭头触发click事件。 Available since:
ext combobox下拉选项框框不需要点击如何自动显示源代码如下
var simpleCombo = Ext.create('Ext.form.field.ComboBox', { id: 'xxxx',//增加id listeners: {//自己注释下对应的事件的return语句看自动显示出来的效果 boxready: function () { //return Ext.get('xxxx').down('div.x-form-trigger').dom.click(); }, afterrender: function () { return Ext.get('xxxx').down('div.x-form-trigger').dom.click(); },//......................其他配置
加支付宝好友偷能量挖...
原创文章,转载请注明出处:ext combobox下拉选项框不需要点击自动显示