核心提示:如何使用easyUI来隐藏下拉框combobox的下拉箭头(附带效果图)?前几天用easyUI做项目的时候碰见了一个问题,需要combobox下拉框但又不想让下拉框的箭头显示出来,就像我们使用百度的时...
如何使用easyUI来隐藏下拉框combobox的下拉箭头(附带效果图)?
前几天用easyUI做项目的时候碰见了一个问题,需要combobox下拉框但又不想让下拉框的箭头显示出来,就像我们使用百度的时候,你双击输入框就会自动显示下拉列表的内容,但是没有下拉框的那个下拉箭头,如下图所示:
那么我们如何实现这个功能的呢? 其实很简单,只需下面的两行代码即可实现:
$('#cmbRangeId').combobox({ editable:true, hasDownArrow:false }); //#cmbRangeId就是你input输入框的ID,hasDownArrow:false代表着下拉框的箭头不显示,editable:true代表着下拉框可编辑。
通过加入这一段代码,就可以实现我们的需求了。
我的设置的是只显示一个值,所以下拉列表就一个值。