EasyUI combobox的panelHeight自动高度

最新推荐文章于 2021-12-27 07:06:42 发布

转载最新推荐文章于 2021-12-27 07:06:42 发布 · 1.3k 阅读

JSP 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在使用EasyUI的Combobox组件时，根据下拉选项数量自动调整下拉框高度的方法，使得界面更加美观实用。

在使用EasyUI的时候，有时会用到combobox组件，这里的记录数不是很固定，设置为auto可能会被挡住，设置固定高度时，option很少时，也很丑

所以这里给出我自己自动调整combobox的panelHeight的方法：

复制代码

var orgCount = 0;
//城市
$('#cityName').combobox({
    method: ajaxConfig.reqMtd,
    url: pageConfig.json.city,
    width: 130,
    height: 32,
    //下拉框面板固定高度
    //panelHeight: 130,
    editable: false,
    //加载成功后给变量赋值，记录数据数目
    onLoadSuccess: function(data){  
        orgCount = data.length; 
    },
    //面板展开时触发
    onShowPanel: function () {
        // 动态调整高度  
        if (orgCount < 10) {  
            $(this).combobox('panel').height("auto");  
        }else{
            $(this).combobox('panel').height(200); 
        }
    }
});

复制代码