jquery autocomplete设置下拉框高度

在jQuery autocomplte.css或项目自定义的css中加入以下css样式:

 

 .ui-autocomplete {
        max-height: 300px;//最大高度值
        overflow-y: auto; //超过高度出现滚动条
        /* prevent horizontal scrollbar */
        overflow-x: hidden; //横向超出隐藏,如果要出现横向滚动,设置为auto即可
    }
  

 

在 jqGrid 中,可以通过 dataInit 属性来设置数据下拉框的筛选值。dataInit 是一个函数,用于初始化单元格编辑器的值和属性。以下是设置数据下拉框筛选值的步骤: 1. 在 colModel 中定义列模型,例如: ``` colModel: [ { name: 'id', index: 'id', width: 60, editable: true }, { name: 'name', index: 'name', width: 100, editable: true, edittype: 'select', editoptions: { dataUrl: 'data.php', dataInit: function (elem) { $(elem).autocomplete({ source: function (request, response) { $.ajax({ url: 'data.php', dataType: 'json', data: { term: request.term }, success: function (data) { response(data); } }); }, minLength: 2 }); } } }, { name: 'price', index: 'price', width: 80, align: 'right', editable: true } ] ``` 2. 在 editoptions 中设置 dataUrl 和 dataInit,例如: ``` editoptions: { dataUrl: 'data.php', dataInit: function (elem) { $(elem).autocomplete({ source: function (request, response) { $.ajax({ url: 'data.php', dataType: 'json', data: { term: request.term }, success: function (data) { response(data); } }); }, minLength: 2 }); } } ``` 其中,dataUrl 是下拉框的数据源,dataInit 是一个函数,用于初始化下拉框的值和属性。在 dataInit 函数中,可以通过 $(elem) 获取到当前下拉框jQuery 对象,然后使用 jQuery UIautocomplete 方法设置下拉框的筛选值。 3. 最后需要重新加载 jqGrid,例如: ``` $("#grid").trigger("reloadGrid"); ``` 这样就可以设置 jqGrid 中数据下拉框的筛选值了。需要注意的是,在 editoptions 中还可以设置其他属性,例如 multiple、size、value 等。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值