extjs在点击下拉时如果没有限制它的高度,那么它的默认最大高度是300,显示的时候就会显示300的高度,知道选项内容超过这个高度时才会自动显示滚动条,往往在有些时候我们希望让combobox显示一个高度,设置如下:
1 new Ext.form.field.ComboBox({ 2 typeAhead : true, 3 id : 'storeposition', 4 editable : false, 5 store : cunmwz_Store, 6 allowBlank : true, 7 queryMode : 'local', 8 displayField : 'name', 9 valueField : 'id', 10 autoScroll: true, 11 listConfig : {//设置下拉时显示的样式 12 maxHeight : 50,//下拉时最大高度 13 getInnerTpl : function() { 14 return '<div data-qtip="{id}">{name}</div>';//这里面的id和name是你的store里面的属性 15 } 16 }, 17 listeners: { 19 change : function() { 21 //change事件35 } 36 } 37 })
listConfig还包含下面这些属性:
cls - defaults to empty emptyText - defaults to empty string itemSelector - defaults to the value defined in BoundList loadingText - defaults to 'Loading...' minWidth - defaults to 70 maxWidth - defaults to undefined maxHeight - defaults to 300 resizable - defaults to false shadow - defaults to 'sides' width - defaults to undefined