您好,登錄后才能下訂單哦!
小編給大家分享一下JS控件bootstrap suggest plugin怎么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
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" > <ul class="dropdown-menu dropdown-menu-right" role="menu"></ul> </div> </div> </div> </div>
js側(cè)這里用到了兩個(gè)字段keeperUserName,keeperUser。其中keeperUser是用來保存用戶數(shù)據(jù)的id,因?yàn)楹芏鄁orm表單保存的數(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:'手機(jī)號'}, showHeader:true, allowNoKeyword:false, multiWord:false, idField:'id', keyField:'name' }).on('onSetSelectValue', function (e, keyword, data) { $('#keeperUser').val(data.id); });
以上是“JS控件bootstrap suggest plugin怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。