您现在的位置:首页 >> 前端 >> 内容

如何使用easyUI来隐藏下拉框combobox的下拉箭头(附带效果图)?

时间:2017/9/2 9:27:00 点击:

  核心提示:如何使用easyUI来隐藏下拉框combobox的下拉箭头(附带效果图)?前几天用easyUI做项目的时候碰见了一个问题,需要combobox下拉框但又不想让下拉框的箭头显示出来,就像我们使用百度的时...

如何使用easyUI来隐藏下拉框combobox的下拉箭头(附带效果图)?

前几天用easyUI做项目的时候碰见了一个问题,需要combobox下拉框但又不想让下拉框的箭头显示出来,就像我们使用百度的时候,你双击输入框就会自动显示下拉列表的内容,但是没有下拉框的那个下拉箭头,如下图所示:

如何使用easyUI来隐藏下拉框combobox的下拉箭头(附带效果图)?

那么我们如何实现这个功能的呢? 其实很简单,只需下面的两行代码即可实现:

  $('#cmbRangeId').combobox({
        editable:true,
        hasDownArrow:false
       });
       //#cmbRangeId就是你input输入框的ID,hasDownArrow:false代表着下拉框的箭头不显示,editable:true代表着下拉框可编辑。

通过加入这一段代码,就可以实现我们的需求了。

如何使用easyUI来隐藏下拉框combobox的下拉箭头(附带效果图)?

我的设置的是只显示一个值,所以下拉列表就一个值。

作者:网络 来源:wby_430的博客
  • 上一篇:float浮动的详解
  • 下一篇:DOM中的事件