EasyUI 下拉框自适应高度

来源:互联网 发布:联合国五大流氓 知乎 编辑:程序博客网 时间:2024/06/07 01:55

  在使用easyui中的下拉框组件(combobox)时发现,在 <select class="easyui-combobox"></select> 中仅有少数的option时,会在下拉框中留下一大片空白。如图所示:

下拉框高度  下拉框高度

  通过研究和查阅相关资料后,找到两种可行的解决方案。

方案一:
  通过在标签中添加

panelMaxHeight="需要固定的高度px" data-options="editable:false,panelHeight:'auto'" 

方案二:

$('.easyui-combobox').combobox({  // 定义用户是否可以直接输入文本到字段中。    editable:false,    // 自适应高度。    panelHeight: 'auto',    // 设置需要固定的高度(适用于1.4或以上版本)。    panelMaxHeight: 154});

效果:

这里写图片描述  这里写图片描述

原创粉丝点击