ExtJs ComboBox自动扩展

时间:2011-11-27 16:21:24

标签: extjs combobox

我正试图在活动结束后扩展组合框的内容。

Ext.onReady(function(){

var mycb = new Ext.form.ComboBox({
   //params
});

//here is other event
var other = ....
  onChange: function() {
    //here I'm trying to expand
    mycb.expand();
}
});

但是在展开()并将'*'reqex用于搜索条件之后,没有扩展列表。我试图使用'minChars'参数设置为0,但也没有结果。

4 个答案:

答案 0 :(得分:2)

如果要自动展开comboBox列表,可以使用“onTriggerClick()”:

Ext.onReady(function(){

   var mycb = new Ext.form.ComboBox({
     // params
     listeners: {
        afterrender: function (cb) {
           cb.onTriggerClick();
        }
     }
   });

});

此示例在渲染后自动展开组合框的内容...

答案 1 :(得分:1)

尝试在展开之前加载combo的商店。

答案 2 :(得分:1)

在load()之后调用expand()。

listeners: {
    change: function (obj, newValue, oldValue, eOpts) {
        store.proxy.extraParams.keyword = newValue;
        store.load();
        this.expand();
    }
}  // listeners

答案 3 :(得分:1)

下面的代码适用于extjs3.3。它可以帮助一些人

var taxonomyTreePanel = new Ext.form.ComboBox({
        id: 'taxTreePanel',
        store:new Ext.data.SimpleStore({fields:[],data:[[]]}),
        editable:false,
        //z-index: 7000,
        typeAhead:false,//done by siddhartha
        selectOnFocus:true, 
        shadow:false,
        mode: 'local',
        triggerAction:'all',
        maxHeight: 200,
        width: 340,
        emptyText:"Select Resource Category",
        tpl: '<tpl for="."><div style="height:210px"><div id="taxonomyTreediv"></div></div></tpl>',
        selectedClass:'',
        forceSelection: true,
        onSelect:Ext.emptyFn,
        listeners: {
            afterrender: function (obj) {
               if(singleParamDynamicQuery &&docTypeCodeDynamciQuery.length>0){  
                    obj.onTriggerClick();
               }
            }
        },
        onViewClick : function(doFocus){
         //do nothing
        }
        });