国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JS控件bootstrap suggest plugin使用方法詳解

2019-11-19 17:02:22
字體:
供稿:網(wǎng)友

本文為大家分享了bootstrap-suggest-plugin插件,這是一個簡單的編輯提示控件,供大家參考,具體內(nèi)容如下

bootstrap-suggest-plugin插件地址

頁面如下面所示,使用此控件

<div class="form-group">          <label class="col-xs-3 text-right control-label">庫管員:</label>          <div class="col-xs-9">            <div class="input-group">              <input type="text" class="form-control no-padding" id="keeperUserName" value="${keeperUserName}" />              <div class="input-group-btn" style="width:1px;">                <ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>              </div>        </div>    </div></div>

js側(cè)這里用到了兩個字段keeperUserName,keeperUser。其中keeperUser是用來保存用戶數(shù)據(jù)的id,因為很多form表單保存的數(shù)據(jù)庫中都是數(shù)據(jù)的id,而不是數(shù)據(jù)顯示值。

 $('#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);    });

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 吴江市| 康保县| 潞西市| 临湘市| 山东省| 祁阳县| 闵行区| 余江县| 西和县| 岳阳市| 贵州省| 顺义区| 永春县| 长沙市| 贞丰县| 阿克苏市| 平邑县| 甘孜县| 鄯善县| 合水县| 清水县| 武山县| 吐鲁番市| 梁平县| 进贤县| 五常市| 托里县| 夏津县| 长白| 闽清县| 育儿| 高唐县| 亚东县| 嘉祥县| 拉孜县| 唐山市| 兴化市| 淮滨县| 定远县| 漠河县| 平顺县|