bootstrap suggest的用法

官网 https://github.com/lzwme/bootstrap-suggest-plugin

1、引入js文件2、js脚本
<script th:inline="javascript">$("#executorName").bsSuggest({url: ctx + "proj/user/iexecutors/"+[[${issue.issueId}]],showBtn: false,idField: "userId",keyField: "userName",ignorecase: true,showHeader: true,effectiveFields:["userId", "loginName","userName"],effectiveFieldsAlias:{userId:"ID", loginName:"登录名", userName:"用户名"},fnProcessData: function (json){return {value: json.data};}}).on('onDataRequestSuccess', function (e, result) {console.log('onDataRequestSuccess: ', result);}).on('onSetSelectValue', function (e, keyword, data) {console.log('onSetSelectValue: ', keyword);$("#executorId").val(data.userId)}).on('onUnsetSelectValue', function (e) {console.log("onUnsetSelectValue");$("#executorId").val("")});
</script>3、html
<input type="text" class="form-control" name="executorName" id="executorName" >
<div class="input-group-btn"><button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button><ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>

url 返回的json数据如果不是{"value": data}格式
则需要处理返回的数据加入
fnProcessData: function (json){return {value: json.data};
}fnProcessData是处理Url返回数据用的
json为url返回的数据，我的数据格式为{"code":1, data:[{"userId":1, "userName":"zs"},{"userId":1, "userName":"zs"}]}从中取出数组数据，再组织为相应的格式
{value: json.data}

bootstrap suggest的用法相关推荐

suggest的用法
suggest的用法注意: 1. 要表示汉语的"建议做某事",英语通常用suggest doing sth,而不能用 suggest to do sth: 2. "建议某 ...
【博学谷学习记录】超强总结,用心分享丨前端开发:BootStrap框架基础用法
BootStrap 1.BootStrap简介 Bootstrap 是由 Twitter 公司开发维护的前端 UI 框架,它提供了大量编写好的 CSS 样式,允许开发者结合一定HTML 结构及Java ...
do sb suggest to_suggest to do 与 suggest doing 用法上有什么区别
展开全部没有suggest to do 这种形式. 的确,suggest 后面可以跟to,但to 这时是介词32313133353236313431303231363533e4b893e5b19e ...
do sb suggest to_Suggest用法小结
做主语时 ,其后也用这个结构: The suggestion is that + 主语 +should +do sth eg: His suggestion is that I should leav ...
do sb suggest to_do sb suggest to_Suggest用法小结
做主语时 ,其后也用这个结构: The suggestion is that + 主语 +should +do sth eg: His suggestion is that I should leav ...
do sb suggest to_suggest用法
正: Tom suggested selling the house but Ann was against it. 误: Tom suggested to sell the house but An ...
关于jquery和bootstrap的一些用法（一）
一.准备 1.jquery 2.bootstrap 二.代码 1.HTML代码 <div id="main"〉<a href="#myModal" ...
bootstrap table footerFormatter用法统计列求和 sum、average等
其实上一篇blog里已经贴了代码,简单解释一下吧: 1.showFooter: true,很重要,设置footer显示: $(cur_table).bootstrapTable({url: '/ete ...
bootstrap grid php,bootstrap grid用法
bootstrap grid的用法:首先使用container来包裹div:然后在div里面设置行:接着设置列能够快速对这个框架进行搭建:最后通过拖拽浏览器来改变宽窄即可. 本文操作环境:Window ...

bootstrap suggest的用法

bootstrap suggest的用法相关推荐

最新文章

热门文章