easyui-combobox 设置option内容不换行

简介: 使用easyui 1.4.412345678       1234567$(function(){    $(".

使用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 设置datagrid的行高 + 文字超宽换行
easyUI 设置datagrid的行高 + 文字超宽换行
459 0
39EasyUI 数据网格- 条件设置行背景颜色
39EasyUI 数据网格- 条件设置行背景颜色
53 0
28EasyUI 数据网格- 设置排序
28EasyUI 数据网格- 设置排序
32 0
|
JavaScript 前端开发
25EasyUI 数据网格- 设置冻结列
25EasyUI 数据网格- 设置冻结列
99 0
|
前端开发 测试技术
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
427 0
|
JavaScript 前端开发
Easyui layout设置满屏效果
html文件: DOCTYPE html> Easyui Layout全屏 north region west content east region south region 全屏取消全屏   js文件: $.
2376 0
|
JavaScript
Easyui 页面设置加载完成之后,满屏
js文件: if(top.location!=self.location){ top.location.href=self.location; }
1653 0