文档章节

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

Airship
 Airship
发布于 2016/12/04 01:54
字数 435
阅读 496
收藏 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
粉丝 36
博文 865
码字总数 18996
作品 0
南京
高级程序员
vue加载的多选下拉框

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

怒摘一板
2017/12/15
54
4
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
577
7
基于Metronic的Bootstrap开发框架经验总结(11)--页面菜单的几种呈现方式

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

walb呀
2017/12/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

go语言学习总结

一、描述 go语言是直接将源码编译成二进制机器码的语言;它支持面向对象、也支持函数式编程;支持并发很容易; 二、基本语法学习路径 https://studygolang.com/subject/2...

盼望明天
12分钟前
1
0
JSP 九大内置对象及其作用域

JSP 中一共预先定义了 9 个这样的对象,分别为:request、response、session、application、out、pagecontext、config、page、exception ,下面就简单介绍下。 1、request 对象 request 对象...

几个栗子
23分钟前
0
0
Java中的坑之方括号

Java中的坑之方括号 这一段时间,在做项目的时候,发现了一个坑,这个坑说大不大,说小不小,不知道的足够喝一壶,知道的就可以轻松解决。 问题描述 在做数据统计的时候,遇见了如下形式的数...

星汉
34分钟前
1
0
[雪峰磁针石博客]python机器学习、web开发等书籍汇总

Building Machine Learning Systems with Python Third Edition - 2018.pdf 下载地址 Get more from your data by creating practical machine learning systems with Python Key Features ......

python测试开发人工智能安全
45分钟前
1
0
文件的压缩与解压(linux)

Linux下*.tar.gz文件解压缩命令 1.压缩命令:   命令格式:tar -zcvf 压缩后文件名.tar.gz 被压缩文件名 可先切换到当前目录下。压缩文件名和被压缩文件名都可加入路径。 2.解压缩命令: ...

qimh
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部