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
本文版权归作者和博客园共有。欢迎转载,但必须保留此段声明,且在文章页面明显位置给出原文连接!
目录
相关文章
|
6月前
|
前端开发 JavaScript Java
表格插件-bootstrap table的分页使用示例
表格插件-bootstrap table的分页使用示例
43 0
|
7月前
|
索引
29dwr - engine.js 功能(选项索引)
29dwr - engine.js 功能(选项索引)
13 0
|
12月前
|
SQL 前端开发 数据库
解析bootstrap$表
打开sql trace,跟踪数据库的打开过程
|
JSON 前端开发 JavaScript
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结 2
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结
144 0
|
存储 JSON 前端开发
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结3
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结3
126 0
|
JSON 前端开发 JavaScript
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结 1
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结
262 0
|
前端开发
Bootstrap系列 -- 8. 代码显示
一. Bootstrap中的代码块   代码块一般在博客中使用的较多,比较博客园中提供的贴代码. 在Bootstrap中提供了三种形式的代码显示   1. 使用来显示单行内联代码   2. 使用来显示多行块代码   3.
786 0
|
JSON 前端开发 数据格式
bootstrap-table 前端分页,刷新事件代码实例
function renderIssueTable(){ $('#issueTable').bootstrapTable({ detailView: false,//父子表 //分...
1240 0
|
前端开发
bootstrap table本地数据使用方法
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gisdoer/article/details/81530328 bootstrap...
3090 0