bootstrap-select控件全选,全不选,查询功能实现
2019-07-18 14:05
1666 查看
原文链接:http://www.cnblogs.com/mww-NOTCOPY/p/11206924.html
先引入先在你的页面引入 bootstrap-select.css 和 bootstrap-select.js
<link href="~/Content/plugins/bootstrap-select/bootstrap-select.min.css" rel="stylesheet" />
<script src="~/Content/plugins/bootstrap-select/bootstrap-select.min.js"></script>
<select class="selectpicker form-control" data-none-selected-text="全部" multiple data-actions-box="true" data-live-search="true">
</select>
只要在<select>控件里加入
multiple:多选
data-actions-box="true":全选,全不选
data-live-search="true":查询
data-none-selected-text="全部":未选中时显示
data-max-options="20":最多可选条数
selectpicker:自定义的class名用于 selectpicker配置
$(".selectpicker").selectpicker("refresh");
转载于:https://www.cnblogs.com/mww-NOTCOPY/p/11206924.html
相关文章推荐
- 基于bootstrap-select插件,实现select下拉框模糊查询功能
- Android高级控件(一)——ListView绑定CheckBox实现全选,添加和删除等功能
- datalist控件用按钮或checkbox实现的全选功能
- 实现带查询功能的Combox控件
- gridview控件实现全选功能
- Winform传统DataGridView和DevExpress控件的GridControl两者表头全选功能的实现
- C# Combobox控件实现模糊查询功能
- asp.net 中GridView控件实现全选及反选的功能
- Android高级控件(一)——ListView绑定CheckBox实现全选,增加和删除等功能
- winform实现combox控件自动匹配查找,模糊查询功能
- asp.net 中GridView控件实现全选及反选的功能
- 实现带查询功能的Combox控件
- asp.net 中GridView控件实现全选及反选的功能
- 用Ajax结合div来实现的查询控件(类似51job里面的职位搜索功能)
- 实现Bootstrap中select的重置功能
- VB6对系统自带的TextBox控件的扩展实现模糊查询的功能
- 原创 c# 封装的带CheckBox的DataGridViewColumnHeaderCell 源码部分 实现DataGridView列头带CheckBox控件实现全选功能,支持列头带标题
- GridView控件与CheckBox结合,实现全选功能,同时实现删除选中的多行数据 .
- 实现多表关联来方便你的SELECT查询功能
- DEV控件中GridView中的复选框与CheckBox实现联动的全选功能