easyui-combobox設定option內容不換行

mr_伍先生發表於2017-10-30
UI

使用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需要兩行顯示，現在只顯示在一行了如果寬度不夠會出現滑動塊

 


相關文章