最近做库存管理系统用到了easyui的下拉框,但是有点小问题就是下拉框的默认高度太高了,前台不美观。
所以动态调整下拉框高度的写法应运而生。
我知道你们等不及了,所以直接上最终的代码。
最终的写法
var rowsCount = 0;//注册下拉框里数据的条数
$("#googsTypeList").combobox({
valueField: "id",
textField: "typename",
editable: false, //不可编辑
panelMaxHeight:200,//当数据高度超过200,下拉框高度不会再变化
method: "post",
onLoadSuccess: function(data){
rowsCount = data.length;
},
onShowPanel: function() {
// 动态调整高度
if(rowsCount > 0){
$(this).combobox('panel').css({
height:'auto'
})
}else{
alert("没有数据")
}
}
});
这是我一开始的写法,一点一点的尝试一条数据的高度,最终测试出来的高度为32,一看写法就很喽
onLoadSuccess: function(data){
rowsCount = data.length;
},
onShowPanel: function() {
// 动态调整高度
if (rowsCount> 0) {
$(this).combobox('panel').height(32*rowsCount);
}else{
alert("没有数据")
}
}