国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 深泽县| 饶河县| 博乐市| 香港| 吉木乃县| 临汾市| 文安县| 永顺县| 台北县| 盐源县| 巴林右旗| 平乐县| 行唐县| 分宜县| 乳山市| 越西县| 阳西县| 肇源县| 莫力| 石嘴山市| 贵德县| 安丘市| 涿州市| 曲麻莱县| 湖州市| 章丘市| 舟山市| 扶余县| 浮梁县| 铜山县| 塔城市| 南雄市| 鹤峰县| 寿光市| 伽师县| 新密市| 安西县| 清水县| 鄂温| 景洪市| 绥德县|