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("没有数据")}}

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

77_Qt_承接【75】解决表格tableWidget添加行、列，删除行、列，以及下拉框comboBox动态跟随变化问题【难点：removeItem、addItem所需参数不同】
下拉框comboBox动态跟随行.列,添加.删除变化功能: void myMainWindow::add_row() {int row = ui->tableWidget->current ...
解决kendo ui的kendoDropDownList当下拉框在屏幕上方时,下拉框列表的数据窜位的问题
kendoUI相关问题我们有的人在使用kendo的下拉列表时,可能会出现下拉列表的框表分离的情况解决方法就是:将body设置为决定路径但是这种方式只适合谷歌,火狐,IE等常规浏览器,在360极速 ...
select下拉框动态获取数据
需求:select下拉框中的数据是从后台接口中获取的,而不是自己写的假数据步骤:(这里是用jquery及ajax发送请求) 一.页面上导入jquery在线资源二.代码实列如下(仅供参考) < ...
easyui下拉框option写死_JavaScript_jQuery+easyui中的combobox实现下拉框特效，1.第一种写法：Input框中显示： - phpStudy...
jQuery+easyui中的combobox实现下拉框特效 1.第一种写法:Input框中显示: 2. 第二种用法,在list列表中显示: 类别 3. 第二种的另一种写法: 类别以上3种方法均可实 ...
easyui的下拉框combobox在包含的iframe页面里点击不能收回解决办法
此处下拉框不能收回是因为iframe是新页面,点击事件不能传递到父级页面.我们需要在父级页面监听iframe页面的点击事件,进而操作下拉框的动作: 以下是获取iframe的js: var iframe ...
jquery easyui下拉框多选和原生多选下拉多选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
easyUI下拉框默认选中和联动、内容回显
<td><input id="Area" name="Area" type="text" style="widt ...
EasyUI下拉框级联
EasyUI用来实现后台界面还是可以的,毕竟面对的是小众群体而非广大的用户,简单为美.这里想聊的功能是一种下拉框的联动,比如我选中了下拉框A的某一项,那么下拉框B的选项就是甲乙丙丁,如果我选了A的另一 ...
easyui下拉框值改变
EasyUI在web开发中常用到, 下拉框是表单元素的一种, <select id="consumerType" name="consumerType" ...
easyui下拉框option_js和jQuery以及easyui实现对下拉框的指定赋值实例分享
本文主要为大家分享一篇js和jQuery以及easyui实现对下拉框的指定赋值方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧,希望能帮助到大家. js实现: 1. 通过让第i个o ...

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

最终的写法

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

最新文章

热门文章