ext combobox下拉选项框不需要点击自动显示

  ext combobox下拉选项框不需要点击combobox右边的下拉箭头,打开页面显示完成就自动显示下拉选项框解决办法。

  解决办法就是给combobox添加id,在事件(注意不能用render或者afterrender,这2个事件自动显示出来的下拉选项框不是容器的宽度,比combobox长度短)然后通过id获取到Element对象,然后找到箭头对象,触发click事件。Ext触发事件比较裸水,需要操作dom对象,而不同jquery,一个trigger方法触发下事件搞定。如下图所示

afterrender中ext combobox自动显示下拉框效果
afterrender中ext combobox自动显示下拉框效果

boxready中ext combobox自动显示下拉框效果
boxready中ext combobox自动显示下拉框效果

  示例居于ext-4.1.1a\examples\form\combos.html示例修改,其他版本ext自己检查下对应的combobox事件,如Available since: 4.1.0同时检查combobox下拉箭头的样式,因为是通过样式找到下拉箭头触发click事件。

  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下拉选项框不需要点击自动显示

评论(0)Web开发网
阅读(301)喜欢(0)不喜欢(0)extjs开发技巧