bootstrap-select,selectpicker 用法详细:通过官方文档翻译
用过selectpicker的都说好~但是网上中文的教程又找不到比较完整的用法,于是去官网看了下 顺便弄过来翻译一下:
选项可以通过数据属性或JavaScript传递。对于数据属性,附加选项名称data-,如 data-style=""或data-selected-text-format="count"
| 参数名 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| actionsBox | bool | false |
当设置为 |
| container | string| false | false |
当设置为一个字符string,追加选择一个特定的元素或选择器,例如 |
| countSelectedText | string| function | function |
设置当selectedTextFormat是显示文本的格式 当设定为一个函数,第一个参数是所选择的选项的数目,并且第二个是选项的总数。该函数必须返回一个字符string。 |
| deselectAllText | string | 'Deselect All' |
当取消选择所有选项按钮上的文本 |
| dropdownAlignRight | bool | 'auto' |
false |
对齐菜单,而不是左右。如果设置为 |
| dropupAuto | bool | true |
进行检查以查看其具有更多的空间,上方或下方。如果dropup有足够的空间完全打开正常,但上面有更大的空间,在dropup仍能正常打开。否则,就变成了dropup。如果dropupAuto设置为false,dropups必须手动调用。 |
| header | string | false |
增加了菜单的顶部的头部; 默认包含关闭按钮 |
| hideDisabled | bool | false |
从菜单中删除禁用的选项和optgroups |
| iconBase | string | 'glyphicon' |
将基地使用不同的图标字体代替Glyphicons。如果改变iconBase,你也可能要更改 |
| liveSearch | bool | false |
当设置为 |
| liveSearchNormalize | bool | false |
设置liveSearchNormalize以 |
| liveSearchPlaceholder | string | null |
当设置为一个字符string,一个占位符属性等于该字符string将被添加到实况搜索输入。 |
| liveSearchStyle | string | 'contains' |
当设置为 |
| maxOptions | integer | false | false |
当设置为一个integer ,并在多选择,所选选项的数量不能超过给定值。 该选项还可以存在作为数据属性为 |
| maxOptionsText | string| array | function | function |
启用maxOptions时所显示的文本,并为给定的方案选项的最大数量已被选定。 如果使用的功能,它必须返回一个数组。阵列[0]是当maxOptions被施加到整个选择元件使用的文本。阵列[1]是当maxOptions上的OPTGROUP用于使用的文本。如果使用字符string,相同的文字用于元素和OPTGROUP两者。 |
| mobile | bool | false |
当设置为 |
| multipleSeparator | string | ', ' |
坐落在分隔所选选项的按钮显示的字符。 |
| noneSelectedText | string | 'Nothing selected' |
当多个选择时所显示的文本没有选择的选择。 |
| selectAllText | string | 'Select All' |
当选择了所有选项,按钮上的文本 |
| selectedTextFormat | 'values'| 'static'| 'count'| 'count > x'(其中,x是integer ) |
'values' |
指定选择如何显示有多个选择。
|
| selectOnTab | bool | false |
当设置为 |
| showContent | bool | true |
当设置为 |
| showIcon | bool | true |
当设置为 |
| showSubtext | bool | false |
当设置为 |
| showTick | bool | false |
show(没有的项目上选择的选项勾选 |
| size | 'auto'| integer | false |
'auto' |
当设置为 当设置为integer 时,菜单将显示项目的给定数量,即使下拉被切断。 当设置为 |
| style | string| null | null |
当设置为一个字符string,添加值到该按钮的风格。 |
| tickIcon | string | 'glyphicon-ok' |
设置要使用的图标旁边显示的“滴答”来选择的选项。 |
| title | string| null | null |
对于selectpicker的默认标题。 |
| width | 'auto'| 'fit'| css-width| false(其中css-width是单位CSS的宽度,例如100px) |
false |
当设置为 当设置为一个css-宽度,所述selectpicker的宽度内联强制为给定值。 当设置为 |
| windowPadding | integer | array | 0 |
这是在该窗口中有一个下拉菜单中不应该涉及的领域情况下非常有用-例如一个固定的头。当设置为一个integer ,同样填充将被添加到四面八方。可替代地,一个integer 数组可以在格式来使用 |
bootstrap-select,selectpicker 用法详细:通过官方文档翻译的更多相关文章
- bootstrap select 多选的用法,取值和赋值(取消默认选择第一个的对勾)
h5自带的select标签可以实现按住ctrl键多选的功能,但是样式及其难看. bootstrap select是很好用的前端插件 首先引入bootstrap和bootstrap-select的c ...
- Aircrack-ng官方文档翻译[中英对照]---Aireplay-ng
Aircrack-ng官方文档翻译---Aireplay-ng[90%] Description[简介] Aireplay-ng is used to inject frames. Aireplay- ...
- kong插件官方文档翻译
kong插件官方文档翻译 目录 介绍 文件结构 编写自定义逻辑 存储配置 访问数据存储 自定义实体 缓存自定义实体 扩展Admin API 编写测试 (卸载)安装你的插件 插件开发 - 介绍 什么是插 ...
- Flume官方文档翻译——Flume 1.7.0 User Guide (unreleased version)(二)
Flume官方文档翻译--Flume 1.7.0 User Guide (unreleased version)(一) Logging raw data(记录原始数据) Logging the raw ...
- GreenDao官方文档翻译(上)
笔记摘要: 上一篇博客简单介绍了SQLite和GreenDao的比较,后来说要详细介绍下GreenDao的使用,这里就贴出本人自己根据官网的文档进行翻译的文章,这里将所有的文档分成上下两部分翻译,只为 ...
- Bootstrap-风格的下拉按框:Bootstrap Select
Bootstrap Select 是一个jQuery插件,提供了Bootstrap 风格的下拉选择框.拥有许多自定义的选项,可多选. 效果图: 源代码: <select class=" ...
- Aircrack-ng官方文档翻译[中英对照]---Airdecap-ng
Aircrack-ng官方文档翻译---Airdecap-ng Description[简介] With airdecap-ng you can decrypt WEP/WPA/WPA2 capt ...
- Aircrack-ng官方文档翻译[中英对照]---Airmon-ng
Aircrack-ng官方文档翻译---Airmon-ng Description[简介] This script can be used to enable monitor mode on wire ...
- Salt Stack 官方文档翻译 - 一个想做dba的sa - 博客频道 - CSDN.NET
OSNIT_百度百科 Salt Stack 官方文档翻译 - 一个想做dba的sa - 博客频道 - CSDN.NET Salt Stack 官方文档翻译 分类: 自动运维 2013-04-02 11 ...
随机推荐
- CCF——门禁系统201412-1
问题描述 涛涛最近要负责图书馆的管理工作,需要记录下每天读者的到访情况.每位读者有一个编号,每条记录用读者的编号来表示.给出读者的来访记录,请问每一条记录中的读者是第几次出现. 输入格式 输入的第一行 ...
- 安装php先行库
libmcrypt libconv mhash ./configure --prefix=/usr/local mcrypt 安装完成后在当前目录还要 /sbin/ldconfig ./config ...
- Mac 常用快捷键整理
Mac下常用的快捷键: Command+W 将当前窗口关闭(可以关闭Safari标签栏,很实用) Command+Option+M 将所有窗口最小化 Command+Q 关闭当前应用程序(相当于Doc ...
- 微信小程序组件 加减号弹出框
<!-- 点击立即抢拼弹出框 --> <view class='add-rob' bindtap="setModalStatus" data-status=&qu ...
- CF373C-Counting Kangaroos is Fun
题意 有\(n\)只袋鼠,每只袋鼠有一个体积,如果一个袋鼠的体积小于等于另一个袋鼠体积的一半,那么这个袋鼠就可以被那一个袋鼠装进袋里.一个装了袋鼠的袋鼠不能再装或被装.被装进袋子的袋鼠就看不到了. 问 ...
- Android 水波纹点击效果(Ripple Effect)
上周Android发布了Android M的Preview版本.但想必Android5.0很多炫酷效果,多数开发者还没有使用过,那更不要说广大用户了. 本文介绍的是Android5.0中其中一个炫酷的 ...
- CF1093F Vasya and Array DP
题面 题面 \(\Delta\)题面有点问题,应该是数列中没有长度大于等于\(len\)的连续数字才是合法的. 题解 设\(f[i][j]\)表示DP到\(i\)位,以\(j\)为结尾的方案数, \( ...
- Java 工作2年后需要达到怎么样的技术水平
有人回答说这只能是大企业或者互联网企业的工程师才能拿到.也许是的,小公司或者非互联网企业拿两万的不太可能是码农了,应该是已经转管理后才有可能.还有区域问题,这个不在我的考虑范围内,因为除了北上广深杭, ...
- Codeforces709
A Kolya is going to make fresh orange juice. He has n oranges of sizes a1, a2, ..., an. Kolya will p ...
- Linux内核分析第六周学习笔记——分析Linux内核创建一个新进程的过程
Linux内核分析第六周学习笔记--分析Linux内核创建一个新进程的过程 zl + <Linux内核分析>MOOC课程http://mooc.study.163.com/course/U ...