easyui-combobox 设置option内容不换行

Posted Mr_伍先生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui-combobox 设置option内容不换行相关的知识,希望对你有一定的参考价值。

使用easyui 1.4.4

1
2
3
4
5
6
7
8
<select id="hotalid" class="easyui-combobox" data-options="
    url:‘<%=basePath %>xxx.action‘,
     method:‘get‘,
    valueField:‘hotelId‘,
     textField:‘hotelName‘,
     panelHeight:300" name="HotelID" style="width:100px;">
     <option></option>
</select>

  

1
2
3
4
5
6
7
$(function(){
    $(".combo").mouseenter(function(){
     $(this).prev().combobox("showPanel");
    $(".combobox-item").css({"white-space":"nowrap"});
               });
                
        });

  设置后就可以显示在一行了

未设置前  比如  AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA需要两行显示,现在只显示在一行了如果宽度不够会出现滑动块

 

以上是关于easyui-combobox 设置option内容不换行的主要内容,如果未能解决你的问题,请参考以下文章

EasyUI中easyui-combobox的onchange事件。

easyui-combobox绑定回车事件注意事项

如何让easyui-combobox不可编辑

easyUI-combobox 后台导入Json数据的方法

怎么设置dropdownlist只能下拉不能选中

019 添加分区功能 - bos