bootstrap-select,selectpicker 用法详细:通过官方文档翻译

选项可以通过数据属性或JavaScript传递。对于数据属性,附加选项名称data-,如 data-style=""data-selected-text-format="count"

参数名 类型 默认值 描述
actionsBox bool false
当设置为true,增加了两个按钮,下拉菜单的顶部(全选和取消全选)。

container string| false false
当设置为一个字符string,追加选择一个特定的元素或选择器,例如 container: ‘body‘ | ‘.main-body‘

countSelectedText string| function function
设置当selectedTextFormat是显示文本的格式countcount > #。{0}是所选择的量。{1}是用于选择的总可用。

当设定为一个函数,第一个参数是所选择的选项的数目,并且第二个是选项的总数。该函数必须返回一个字符string。

deselectAllText string ‘Deselect All‘
当取消选择所有选项按钮上的文本actionsBox被启用。

dropdownAlignRight bool | ‘auto‘ false
对齐菜单,而不是左右。如果设置为‘auto‘,如果在左对齐没有余地菜单的全宽度的菜单会自动右对齐。

dropupAuto bool true
进行检查以查看其具有更多的空间,上方或下方。如果dropup有足够的空间完全打开正常,但上面有更大的空间,在dropup仍能正常打开。否则,就变成了dropup。如果dropupAuto设置为false,dropups必须手动调用。

header string false
增加了菜单的顶部的头部; 默认包含关闭按钮

hideDisabled bool false
从菜单中删除禁用的选项和optgroups data-hide-disabled: true

iconBase string ‘glyphicon‘
将基地使用不同的图标字体代替Glyphicons。如果改变iconBase,你也可能要更改tickIcon,以防新的图标字体使用了不同的命名方案。

liveSearch bool false
当设置为true,增加了一个搜索框的下拉selectpicker的顶部。

liveSearchNormalize bool false
设置liveSearchNormalize以true允许不区分重音的搜索。

liveSearchPlaceholder string null
当设置为一个字符string,一个占位符属性等于该字符string将被添加到实况搜索输入。

liveSearchStyle string ‘contains‘
当设置为‘contains‘,搜索将显示包含搜索到的文本选项。例如,搜索,返回鸭都为PL PL E,PL嗯,和PL antain。当设置为‘startsWith‘,寻找PL只会返回PL UM和PL antain。

maxOptions integer | false false
当设置为一个integer ,并在多选择,所选选项的数量不能超过给定值。

该选项还可以存在作为数据属性为<optgroup>,在这种情况下,它仅适用于<optgroup>

maxOptionsText string| array | function function
启用maxOptions时所显示的文本,并为给定的方案选项的最大数量已被选定。

如果使用的功能,它必须返回一个数组。阵列[0]是当maxOptions被施加到整个选择元件使用的文本。阵列[1]是当maxOptions上的OPTGROUP用于使用的文本。如果使用字符string,相同的文字用于元素和OPTGROUP两者。

mobile bool false
当设置为true,使能选择菜单中的设备的本机菜单。

multipleSeparator string ‘, ‘
坐落在分隔所选选项的按钮显示的字符。

noneSelectedText string ‘Nothing selected‘
当多个选择时所显示的文本没有选择的选择。

selectAllText string ‘Select All‘
当选择了所有选项,按钮上的文本actionsBox被启用。

selectedTextFormat ‘values‘‘static‘‘count‘‘count > x‘(其中,x是integer ) ‘values‘
指定选择如何显示有多个选择。

‘values‘显示所选择的选项(由分隔的列表multipleSeparator‘static‘简单地显示所述选择元件的标题。‘count‘显示所选选项的总数量。‘count > x‘行为类似于‘values‘直到所选选项的数目大于x;在此之后,它的行为象‘count‘

selectOnTab bool false
当设置为true,对待像selectpicker下拉列表中输入或空格字符制表符。

showContent bool true
当设置为true,显示与该按钮选择的选项(一个或多个)相关联的自定义的HTML。当设置为false,期权价值将被显示。

showIcon bool true
当设置为true,与在按钮选择的选项(一个或多个)相关联的显示的图标(一个或多个)。

showSubtext bool false
当设置为true与所述按钮选择的选项相关联,显示潜台词。

showTick bool false
show(没有的项目上选择的选项勾选multiple属性)。

size ‘auto‘| integer | false ‘auto‘
当设置为‘auto‘,菜单始终打开,以显示尽可能多的项目窗口将允许在没有被切断。

当设置为integer 时,菜单将显示项目的给定数量,即使下拉被切断。

当设置为false,菜单会一直显示所有项目。

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
当设置为auto,所述selectpicker的宽度被自动调节,以适应最宽的选项。

当设置为一个css-宽度,所述selectpicker的宽度内联强制为给定值。

当设置为false,所有宽度信息被删除。

windowPadding integer | array 0
这是在该窗口中有一个下拉菜单中不应该涉及的领域情况下非常有用-例如一个固定的头。当设置为一个integer ,同样填充将被添加到四面八方。可替代地,一个integer 数组可以在格式来使用[top, right, bottom, left]

时间: 2024-07-30 13:51:28

bootstrap-select,selectpicker 用法详细:通过官方文档翻译的相关文章

Aircrack-ng官方文档翻译[中英对照]---Aireplay-ng

Aircrack-ng官方文档翻译---Aireplay-ng[90%] Description[简介] Aireplay-ng is used to inject frames. Aireplay-ng 是一个用来(向网络中)注入帧(即数据包)的工具. The primary function is to generate traffic for the later use in Aircrack-ng for cracking the WEP and WPA-PSK keys. There

JNI官方文档翻译3-基本数据类型 字符串 数组

在使用JNI的时候,你问的最多的问题莫过于 Java的数据类型和C/C++的数据类型怎么一对一映射.在我们的HelloWord例子当中,我们并没有传入任何参数给我们的java层print方法,native方法也并没有返回任何数据而是void,本地方法只是简单的打印一个字符串,然后就返回了.实际开发中我们都需要传入参数,返回参数,本章就会讨论如何从java层向底层传数据,以及如何从底层向java层返回数据.我们从基本数据类型 字符串 数组开始, 下一章再介绍如何传任意类型的数据,以及如何访问他们的

JNI官方文档翻译4-属性和方法的访问

本篇文章介绍如何访问任意对象的属性和方法,当然是在native层访问,方法的访问一般作为java层的回调来访问.我们先从 属性的访问和回调函数的访问开始,接下来再讨论一下使用一种高效简单的缓存技术来提高效率.最后我们讨论native访问java层属性和方法的性能特点. 属性的访问: Java语言支持两种属性,每个实例都有自己独立的属性,所有实例共享同一份静态属性.JNI提供get set 系列方法来访问静态属性和非晶态属性. 请看如下代码片段: class InstanceFieldAccess

web2py官方文档翻译03

概述 最美代码 web2py官方文档翻译 2016年2月10日 启动 web2py进来二进制包为Windows和Mac OS x包括Python解释器,所以你不需要预装. 还有一个源代码版本运行在Windows,Mac,Linux和其他Unix系统. Windows和mac OS X的二进制版本包括必要的Python解释器. Python源代码包假设已经安装在电脑上. web2py不需要安装. 首先,解压缩下载的zip文件的特定的操作系统和相应的执行 web2py 文件. 在Windows上,运

Oracle 12c 12.1.0.1.0管理控制文件官方文档翻译说明

Link: http://download.csdn.net/detail/rlhua/7718571 官方Link: http://docs.oracle.com/database/121/ADMIN/control.htm#ADMIN006 版本: [email protected]>select * from v$version; BANNER                                                                          

官方文档翻译:Innodb的锁

InnoDB Record, Gap, and Next-Key Locks 考虑到翻译准确性,对于某些特殊名称不做翻译,以免误导: InnoDB has several types of record-level locks including record locks, gap locks, and next-key locks. innodb 有几种行锁类型,包括,record locks(记录锁),gap locks(间隙锁),and next-key locks(组合). Record

Aircrack-ng官方文档翻译[中英对照]---Airmon-ng

Aircrack-ng官方文档翻译---Airmon-ng Description[简介] This script can be used to enable monitor mode on wireless interfaces. It may also be used to go back from monitor mode to managed mode. Entering the airmon-ng command without parameters will show the int

Aircrack-ng官方文档翻译[中英对照]---Airdecap-ng

Aircrack-ng官方文档翻译---Airdecap-ng Description[简介] With airdecap-ng you can decrypt WEP/WPA/WPA2 capture files. As well, it can also be used to strip the wireless headers from an unencrypted wireless capture. It outputs a new file ending with ”-dec.cap”

Flume官方文档翻译——Flume 1.7.0 User Guide (unreleased version)(二)

Flume官方文档翻译--Flume 1.7.0 User Guide (unreleased version)(一) Logging raw data(记录原始数据) Logging the raw stream of data flowing through the ingest pipeline is not desired behaviour in many production environments because this may result in leaking sensit