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

来源:互联网 发布:mac照片批量删除 编辑:程序博客网 时间:2024/06/06 07:04

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

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

这里写图片描述

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

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

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

这里写图片描述

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

阅读全文
2 0
原创粉丝点击