EasyUI 下拉框自适应高度

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

效果:

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

猜你喜欢

转载自blog.csdn.net/ye11ye/article/details/78853439
今日推荐