easyUI 下拉框combobox根据数据的条数自动调整高度

最近做库存管理系统用到了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("没有数据")
		}
	}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值