Bootstrap-Select 动态加载数据的小记

简介: 关于前端框架系列的可以参考我我刚学Bootstrap时候写的LoT.UI http://www.cnblogs.com/dunitian/p/4822808.html#lotui   bootstrap-select没有select2那么强大的api,但是胜在漂亮啊,配合自己写的脚本基本上也是够用了 一般都是自己Ajax加载数据,然后字符串拼接。

关于前端框架系列的可以参考我我刚学Bootstrap时候写的LoT.UI http://www.cnblogs.com/dunitian/p/4822808.html#lotui

 

bootstrap-select没有select2那么强大的api,但是胜在漂亮啊,配合自己写的脚本基本上也是够用了

一般都是自己Ajax加载数据,然后字符串拼接。拼接完了之后用官网的方法刷新一下select就可以了

 

 

举个不成文的例子(有更好的方法可以留言):包含optgroup

前端HTML部分

初始化(可有可无)

后端代码:(我需要分类显示)

JS部分:$('.lot-tagSelect').selectpicker('refresh'); $('.lot-tagSelect').selectpicker('show');

 

做一记录,收工

 LoT.UI前后台通用框架分解系列汇总:


01.LoT.UI 前后台通用框架分解系列之——小图片背景全屏显示

http://www.cnblogs.com/dunitian/p/5507306.html

02.LoT.UI 前后台通用框架分解系列之——灵活的菜单栏

http://www.cnblogs.com/dunitian/p/5507427.html

03.LoT.UI 前后台通用框架分解系列之——多样的表格

http://www.cnblogs.com/dunitian/p/5520659.html

04.LoT.UI 前后台通用框架分解系列之——轻巧的弹出框

http://www.cnblogs.com/dunitian/p/5524015.html

05.LoT.UI 前后台通用框架分解系列之——漂亮的时间选择器

http://www.cnblogs.com/dunitian/p/5524019.html

http://www.cnblogs.com/dunitian/p/5801104.html

06.LoT.UI 前后台通用框架分解系列之——浮夸的图片上传

http://www.cnblogs.com/dunitian/p/5535431.html

07.LoT.UI 前后台通用框架分解系列之——强大的文本编辑器

http://www.cnblogs.com/dunitian/p/5551701.html

07.LoT.UI 前后台通用框架分解系列之——轻巧的文本编辑器

http://www.cnblogs.com/dunitian/p/5640053.html

08.LoT.UI 前后台通用框架分解系列之——多样的Tag选择器

http://www.cnblogs.com/dunitian/p/5551706.html

作者: 毒逆天
打赏: 18i4JpL6g54yAPAefdtgqwRrZ43YJwAV5z
本文版权归作者和博客园共有。欢迎转载,但必须保留此段声明,且在文章页面明显位置给出原文连接!
目录
相关文章
|
JSON 前端开发 JavaScript
表格插件-bootstrap table的使用示例
表格插件-bootstrap table的使用示例
97 0
|
SQL 前端开发 数据库
解析bootstrap$表
打开sql trace,跟踪数据库的打开过程
|
JSON 前端开发 JavaScript
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结 2
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结
243 0
|
存储 JSON 前端开发
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结3
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结3
183 0
|
JSON 前端开发 JavaScript
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结 1
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结
362 0
|
前端开发 JavaScript API
React全家桶:类--类式组件--state属性--事件绑定--类中方法的this--props属性--ref--事件处理
React全家桶:类--类式组件--state属性--事件绑定--类中方法的this--props属性--ref--事件处理
249 0
React全家桶:类--类式组件--state属性--事件绑定--类中方法的this--props属性--ref--事件处理
|
前端开发 容器
Bootstrap系列 -- 31.嵌套分组
  我们常把下拉菜单和普通的按钮组排列在一起,实现类似于导航菜单的效果。使用的时候,只需要把当初制作下拉菜单的“dropdown”的容器换成“btn-group”,并且和普通的按钮放在同一级 首页 产品展示 案例分析 联系我们 关于我们 ...
829 0
|
JSON 前端开发 数据格式
bootstrap-table 前端分页,刷新事件代码实例
function renderIssueTable(){ $('#issueTable').bootstrapTable({ detailView: false,//父子表 //分...
1300 0
|
前端开发
bootstrap table本地数据使用方法
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gisdoer/article/details/81530328 bootstrap...
3138 0
|
JSON 前端开发 JavaScript
Bootstrap table的基本使用总结
最近在学习BootStrap构建页面,现记录BootStrap table 的一些基本使用如下: HTML文件: DOCTYPE html> ...
1869 0
下一篇
oss创建bucket