easyui-combobox select 设置不分行(只显示在一行)

Posted

tags:

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

 使用easyui 1.4.4

<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>

  

 $(function(){
		    	$(".combo").mouseenter(function(){
					     $(this).prev().combobox("showPanel");
					     $(".combobox-item").css({"white-space":"nowrap"});
		    	});
		    	
    	 });

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

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

以上是关于easyui-combobox select 设置不分行(只显示在一行)的主要内容,如果未能解决你的问题,请参考以下文章

easyui-combobox的取值问题

easyUI combox静态动态联动

easyui-combobox

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

easyui-combobox小Demo

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