文档章节

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

Airship
 Airship
发布于 2016/12/04 01:54
字数 435
阅读 548
收藏 2

关于前端框架系列的可以参考我我刚学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

本文转载自:http://www.cnblogs.com/dunitian/p/5869385.html

共有 人打赏支持
Airship
粉丝 38
博文 908
码字总数 19854
作品 0
南京
高级程序员
私信 提问
vue加载的多选下拉框

最近写前端,需要一个实现可多选的下拉款,多选的功能是用bootstrap select组件实现的,但是这个组件用在固定option时可以正常加载成多选的形式,关键代码如下: 效果如图: 但是用在vue动态...

怒摘一板
2017/12/15
2.6K
6
Bootstrap Select2组件使用小结

一、组件说明以及API说明 Select2使用示例地址:https://select2.github.io/examples.html Select2参数文档说明:https://select2.github.io/options.html Select2源码:https://github.com/......

NET快速开发框架
2017/11/07
0
0
Python的Flask框架中前端通过筛选添加动态排序功能

使用flask框架的时,前端通过使用bootstrap的form结构添加多选功能,使用多选的选择时候返回一个筛选后的结果,这样想对结果排序就需要动态排序功能 方法一: 在SQL中非常简单,即语句SELECT ...

走马兰台
05/25
0
0
展示页面用easyui会有问题吗

刚才简单试了一下,在easyui里用了bootstrap,问题百出。是不是easyui的组件一般不和这些css框架一起用? 我是小白,对这个不大懂。 比如,easyui的select可以用url直接从服务器端接受数据,...

plugin
2014/09/21
588
7
基于Metronic的Bootstrap开发框架经验总结(11)--页面菜单的几种呈现方式

在常规的后台管理系统或者前端界面中,一般都有一个导航菜单提供给用户,方便选择所需的内容。基于Metronic的Bootstrap开发框架,是整合了Metroinc样式,以及Boostrap组件模块的内容,因此菜...

walb呀
2017/12/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

java框架学习日志-7(静态代理和JDK代理)

静态代理 我们平时去餐厅吃饭,不是直接告诉厨师做什么菜的,而是先告诉服务员点什么菜,然后由服务员传到给厨师,相当于服务员是厨师的代理,我们通过代理让厨师炒菜,这就是代理模式。代理...

白话
45分钟前
6
0
Flink Window

1.Flink窗口 Window Assigner分配器。 窗口可以是时间驱动的(Time Window,例如:每30秒钟),也可以是数据驱动的(Count Window,例如:每一百个元素)。 一种经典的窗口分类可以分成: 翻...

满小茂
46分钟前
3
0
my.ini

1

architect刘源源
今天
6
0
docker dns

There is a opensource application that solves this issue, it's called DNS Proxy Server It's a DNS server that solves containers hostnames, if could not found a hostname that mat......

kut
今天
7
0
寻找数学的广度——《这才是数学》读书笔记2700字

寻找数学的广度——《这才是数学》读书笔记2700字: 文|程哲。数学学习方式之广:国内外数学教育方面的专家,进行了很多种不同的数学学习方式尝试,如数学绘本、数学游戏、数学实验、数学步道...

原创小博客
今天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部