详细介绍JS控件bootstrap suggest plugin的使用方法
程序员文章站
2022-05-22 22:27:11
...
这篇文章主要介绍了JS控件bootstrap suggest plugin的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文为大家分享了bootstrap-suggest-plugin插件,这是一个简单的编辑提示控件,供大家参考,具体内容如下
bootstrap-suggest-plugin插件地址
页面如下面所示,使用此控件
<p class="form-group"> <label class="col-xs-3 text-right control-label">库管员:</label> <p class="col-xs-9"> <p class="input-group"> <input type="text" class="form-control no-padding" id="keeperUserName" value="${keeperUserName}" /> <p class="input-group-btn" style="width:1px;"> <ul class="dropdown-menu dropdown-menu-right" role="menu"></ul> </p> </p> </p> </p>
js侧这里用到了两个字段keeperUserName,keeperUser。其中keeperUser是用来保存用户数据的id,因为很多form表单保存的数据库中都是数据的id,而不是数据显示值。
$('#keeperUserName').bsSuggest({ url:ctx+'/fontalUser/find?filter_likes_name=', getDataMethod:'url', effectiveFields:['username','name','phone'], effectiveFieldsAlias:{username:'用户账号',name:'姓名',phone:'手机号'}, showHeader:true, allowNoKeyword:false, multiWord:false, idField:'id', keyField:'name' }).on('onSetSelectValue', function (e, keyword, data) { $('#keeperUser').val(data.id); });
以上就是详细介绍JS控件bootstrap suggest plugin的使用方法的详细内容,更多请关注其它相关文章!
推荐阅读
-
asp.net Repeater控件的说明及详细介绍及使用方法
-
JS控件bootstrap suggest plugin使用方法详解
-
asp.net Repeater控件的说明及详细介绍及使用方法_PHP
-
asp.net Repeater控件的说明及详细介绍及使用方法_php技巧
-
详解JS控件bootstrap datepicker的使用方法(图)
-
详细介绍JS控件bootstrap suggest plugin的使用方法
-
repeater aspnet Repeater控件的说明及详细介绍及使用方法
-
asp.net Repeater控件的说明及详细介绍及使用方法_php技巧
-
asp.net Repeater控件的说明及详细介绍及使用方法
-
asp.net Repeater控件的说明及详细介绍及使用方法_PHP