extjs combobox 设置下拉时显示滚动条 设置显示条数

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

 

 

转载于:https://www.cnblogs.com/smallrock/p/3621432.html