easyui-combobox高度渲染问题
来源:互联网 发布:mysql中syntax error 编辑:程序博客网 时间:2024/06/06 20:40
问题:easyui-combobox在高度渲染时,如果通过panelHeight给定高度,则下拉面板的高度始终是不变的,此时若选项较少,则会出现空白版面看起来不协调!
实现结果:高度根据给定的条数或者给定的高度自适应,超出时带滚动条,未超出时自适应。
1、有些网友给出的方法是通过获取下拉面板中选项的条数动态设置面板panelHeight,如下:
$("#id").combobox({ //..... onShowPanel : function(){ var count = $(this).combobox('getData').length; if(count > 10){ $(this).combobox('panel').height(180); }else{ $(this).combobox('panel').height("auto"); } }, //.....})
此方法实现当数据的条数超出10条时,设置下拉面板高度为180,自带滚动条;小于10条时,下拉面板高度自适应。
2、上面的方法可以解决上面所描述的问题,下面给出一种通过easyui-combobox自带属性来解决上述问题:
(1)html(可行)
<input class="easyui-combobox" data-options="panelHeight:'auto',panelMaxHeight:180">
(2)html+js(可行)
<input id="id">$("#id").combobox({ panelHeight:'auto', panelMaxHeight:180})
(3)html+js(不可行)
此方法panelMaxHeight属性将无效,下拉面板的高度会永远的自适应,当数据条数过多的时候可能会出现超出浏览器的显示高度
<input id="id" class="easyui-combobox">$("#id").combobox({ panelHeight:'auto', panelMaxHeight:180})
(1)、(2)两种方法实现当下拉面板高度超出180时,自带滚动条;小于180时,下拉面板高度自适应;(3)方法不可用。
阅读全文
1 0
- easyui-combobox高度渲染问题
- easyui combobox 高度问题
- easyui设置combobox高度
- 自动调整EasyUI combobox的panelHeight高度问题
- easyui的combobox重新渲染
- easyUI的Combobox问题
- jquery easyui combobox加载数量过多引起渲染页面缓慢问题
- easyui-combobox 改变下拉框高度
- EasyUI combobox的panelHeight自动高度
- jquery easyui设置easyui-combobox高度 ,启用和禁用
- jquery easyui combobox问题分析
- EasyUI获取combobox焦点问题
- easyui-combobox 取值问题
- easyui-combobox 取值问题
- jQuery-easyUI-combobox默认值问题
- easyui easyui-combobox select下拉框问题
- easyUI 渲染 combobox 加载数据源 && 添加自定义数据
- easyui-combobox 命名id时带下划线渲染不正常
- 在win10子系统ubuntu平台下使用jekyll和github pages搭建自己的静态博客网站
- 多个tomct安装
- 例题11-11 赛车比赛 单源最短路 spfa
- React表单
- Java项目经验——程序员成长的钥匙
- easyui-combobox高度渲染问题
- Android 减少APK大小--压缩图片资源文件
- phantomjs快速入门和使用说明
- Java8源码-Vector
- poj 3280 区间dp水题
- 多线程基础
- python判断一个数是不是完全平方数
- 最大公约数和最小公倍数
- Python在NLTK下使用stanfordNLP