var?testStore?=?Ext.create('Ext.data.Store',?{
fields?:?['code',?'name'],
data?:?[{
name?:?"先生",
code?:?"01"
},?{
name?:?"女士",
code?:?"02"
},?{
name?:?"先生",
code?:?"03"
},?{
name?:?"女士",
code?:?"04"
},?{
name?:?"先生",
code?:?"05"
},?{
name?:?"女士",
code?:?"06"
},?{
name?:?"先生",
code?:?"07"
},?{
name?:?"女士",
code?:?"08"
},?{
name?:?"先生",
code?:?"09"
},?{
name?:?"女士",
code?:?"10"
},?{
name?:?"先生",
code?:?"05"
},?{
name?:?"女士",
code?:?"06"
},?{
name?:?"先生",
code?:?"07"
},?{
name?:?"女士",
code?:?"08"
},?{
name?:?"先生",
code?:?"09"
},?{
name?:?"女士",
code?:?"10"
}]
});
var?testCombo?=?Ext.create('Ext.form.field.ComboBox',?{
displayField?:?'name',
valueField?:?'code',
editable?:?false,
store?:?testStore,
emptyText?:?'hello',
listConfig?:?{
maxHeight?:?100,
getInnerTpl?:?function()?{
return?'<div?data-qtip="{code}">{name}</div>';
}
}
});
Ext.create('Ext.container.Viewport',?{
layout?:?'absolute',
items?:?[testCombo]
});
});
結果圖：
combobox 本身的 maxHeight 不起作用，用?listConfig 中的 maxHeight 來設定