码迷,mamicode.com
首页 > 其他好文 > 详细

EasyUI combobox的panelHeight自动高度

时间:2017-04-28 15:57:18      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:count   调整   动态   com   .com   data   box   blog   his   

在使用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); 
        }
    }
});

技术分享

EasyUI combobox的panelHeight自动高度

标签:count   调整   动态   com   .com   data   box   blog   his   

原文地址:http://www.cnblogs.com/shuilangyizu/p/6781519.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!