jquery easyui中的combobox下拉列表显示的数据太多,怎么能出现下拉滚动条?

是这样设置的:

<input class="easyui-combobox" panelHeight="auto" style="width:100px" id="department" panelHeight="auto"
data-options="valueField:'department',textField:'department',url:'/usercontrol/getDepartment'" name="department" editable="false">

默认是限制高度的,没有出现下拉条可能是其他的css影响了或者是combobox使用方式不对。

解决办法

1.检查自己的使用方式

 官方的使用方式:

<select class="easyui-combobox" name="state" style="width:200px;">
        <option value="AL">Alabama</option>
        <option value="AK">Alaska</option>
        <option value="AZ">Arizona</option>
        <option value="AR">Arkansas</option>
        <option value="CA">California</option>
        <option value="CO">Colorado</option>
        <option value="CT">Connecticut</option>
        <option value="DE">Delaware</option>
        <option value="FL">Florida</option>
        <option value="GA">Georgia</option>
        <option value="HI">Hawaii</option>
        <option value="ID">Idaho</option>
        <option value="IL">Illinois</option>
        <option value="IN">Indiana</option>
        <option value="IA">Iowa</option>
        <option value="KS">Kansas</option>
        <option value="KY">Kentucky</option>
        <option value="LA">Louisiana</option>
        <option value="ME">Maine</option>
        <option value="MD">Maryland</option>
        <option value="MA">Massachusetts</option>
        <option value="MI">Michigan</option>
        <option value="MN">Minnesota</option>
        <option value="MS">Mississippi</option>
        <option value="MO">Missouri</option>
        <option value="MT">Montana</option>
        <option value="NE">Nebraska</option>
        <option value="NV">Nevada</option>
        <option value="NH">New Hampshire</option>
        <option value="NJ">New Jersey</option>
        <option value="NM">New Mexico</option>
        <option value="NY">New York</option>
        <option value="NC">North Carolina</option>
        <option value="ND">North Dakota</option>
        <option value="OH" selected>Ohio</option>
        <option value="OK">Oklahoma</option>
        <option value="OR">Oregon</option>
        <option value="PA">Pennsylvania</option>
        <option value="RI">Rhode Island</option>
        <option value="SC">South Carolina</option>
        <option value="SD">South Dakota</option>
        <option value="TN">Tennessee</option>
        <option value="TX">Texas</option>
        <option value="UT">Utah</option>
        <option value="VT">Vermont</option>
        <option value="VA">Virginia</option>
        <option value="WA">Washington</option>
        <option value="WV">West Virginia</option>
        <option value="WI">Wisconsin</option>
        <option value="WY">Wyoming</option>
    </select>


2.修改css样式

.combo-panel {
  height:200px;
  overflow: auto;
}

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-12-27
注释掉panelHeight="auto"就好了。
第2个回答  2014-09-26
给min-height一个值,eg:min-height:100px; 就可以了,试试吧追问

没有作用,效果没出来,也尝试了几个其他的大小

本回答被提问者和网友采纳

jquery easyui中的combobox下拉列表显示的数据太多,怎么能出现下拉滚动...
默认是限制高度的,没有出现下拉条可能是其他的css影响了或者是combobox使用方式不对。解决办法 1.检查自己的使用方式 官方的使用方式: Alabama Alaska Arizona Arkansas California Colorado Connecticut

easyUI的combobox下拉框受窗口大小局限不能完整显示,如何实现像select标 ...
下拉框控件是一个list数据列表,你要是用后台获取的,传一个list来就行了,注意name的名称 一级菜单 二级菜单 三级菜单

easyui 的datagrid表格中怎样实现多选的下拉列表
} 这样 当行开启编辑状态时 企业名称这个单元格就会显示combobox 并且可以多选

easyui combobox 有滚动条情况下下拉框移位
onLoad: function(){ (".combo-panel").css("overflow","scroll");}

如何利用EasyUI中ComboBox获取下拉值和文本
有两种方法: (1)给下拉框的每个选项加一个value值,给下拉框加一个class,使用 $(".obj").change(function(){ alert($(this).val());\/\/这就是下拉选框中的值 }) (2)给每个选项加一个onclick事件,点击的时候直接获取就行。

jquery easyui 中combobox的onselect事件怎么做下拉框的级联
1:准备2个input设置不同的id 2:注册easyui的combobox控件 ('#box1').combobox({ data:[{id:0,text:'广州'},{id:1,text:'上海'}] valueField:'id', textField:'text' });$('#box2').combobox({ valueField:'id', textField:'text' });3:由box1联动显示b...

jquery easyui中添加数据时怎么获取下拉框值
}); aitem1 bitem2

easyui combobox可以看到下拉列表中的数据但是无法选中,是怎么一回事...
在easyui 1.4中多次渲染同一个combobox组件就会出现这个问题,这可能是一个bug。而easyui 1.4.3就没事,可能是1.4.3解决了这个bug。

easyui 下拉列表只能选中第一个,就是能看到下拉框的值,可是你选择那个...
一、是定义“easyui-combobox”时data-options是否定义了相关属性;如:data-options="valueField:'id',textField:'text'"二、返回的Json数据属性中包含id和text;[{"id":"id1","text":"text1"},{"id":"id2","text":"text2"}]这样下拉列表就不会出现可以显示数据但是只能选第一个这种情况...

easyui中如何设置下拉列表框只能选择,列表框内不能输入,
1、首先,利用jquery easyui中的下拉框,需要放在Java Web项目中。新建一个Java Web项目,并将相应的js和css放到目录下,并在pages目录下新建select.jsp。2、然后我们根据图示代码引入jquery easyui需要的js和css。3、然后我们根据图示代码在中插入div和select。4、启动Tomcat服务器,在浏览器中查看页面,...

相似回答