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需要两行显示,现在只显示在一行了如果宽度不够会出现滑动块

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM