selectpicker 清空选项_boostrap selectpicker 用法
1、.html中先引用
2、flask 模板中写法:
{{ form2.cron_name(class='form-control show-tick selectpicker') }}
3、js代码:
$(".selectpicker").selectpicker({
liveSearch:true,
});
4、selectpicker其他属性
参数名类型默认值描述
actionsBox
bool
false
当设置为true,增加了两个按钮,下拉菜单的顶部(全选和取消全选)。
container
string| false
false
当设置为一个字符string,追加选择一个特定的元素或选择器,例如 container: 'body' | '.main-body'
countSelectedText
string| function
function
设置当selectedTextFormat是显示文本的格式count或count > #。{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 ,并在多选择,所选选项的数量不能超过给定值。
该选项还可以存在作为数据属性为,在这种情况下,它仅适用于。
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]。
selectpicker 清空选项_boostrap selectpicker 用法相关推荐
- [转]Entity Framework 异常: ‘OFFSET‘ 附近有语法错误。\r\n在 FETCH 语句中选项 NEXT 的用法无效
[转]Entity Framework 异常: 'OFFSET' 附近有语法错误.\r\n在 FETCH 语句中选项 NEXT 的用法无效 参考文章: (1)[转]Entity Framework 异 ...
- 'OFFSET' 附近有语法错误。 在 FETCH 语句中选项 NEXT 的用法无效。
在使用asp.net core的时候,采用take().skip()分页的时候报如下错误: SqlException: 'OFFSET' 附近有语法错误. 在 FETCH 语句中选项 NEXT 的用法 ...
- 11. shell当中read详解,read语法选项,read用法示例,脚本示例,while read line详解,掌握原则
shell当中read详解,read语法选项,read用法示例,脚本示例,while read line详解,掌握原则 文章目录 1.1 read详解 1.2 用法示例 1.3 while read ...
- 用户设置个人资料时,是否需要一个清空选项?
咖友提问:对于用户个人资料的每个字段,是否需要设置一个恢复为空的选项? 举例:如"出生年月",是否要给一个为空的选项?如果仅从资料完整性的角度出发,不给用户为空选项(即一旦选择了就 ...
- 压缩命令_linux中压缩文件命令gzip和tar的压缩选项的简单用法
linux当中压缩命令有多种,比较常用的有gzip gzip的用法很简单,把要压缩的文件或列表跟在命令gzip的后面就可以了. gzip 要压缩的文件 | 列表 gzip file.tar 压缩打包文 ...
- ele ui 清空选项和重新校验
背景: 需求:1的改变会置空2,2的改变会置空三,且validate会同步. 1.如何清空? 2.如何让清空后的item重新获取validate校验? 解决:change函数,配合其他api 1.清空 ...
- Linux sort命令的细节问题 -k选项的真实用法
sort命令的-k我之前一般这么用: sort -k2 xxx.txt表示xxx.txt,我的理解是:按照第二列排序 但实际并不是这样的. 这句话的意思是从第二列开始按字符串ascii码比较,第二列排 ...
- Keil MDK中编译连接选项--keep的用法
使用Keil mdk编程,假如有一个有用的函数你定义了但是没有显式的调用,mdk在默认编译链接时,将会把这个函数从整个程序总删除掉,以节省ROM. 比如,你在ROM的0x00010000处定义了一个函 ...
- java 清空scanner_Java Scanner reset()用法及代码示例
java.util.Scanner类的reset()方法将重置此扫描器.重置扫描器时,它会丢弃所有可能由useDelimiter(java.util.regex.Pattern),useLocale( ...
最新文章
- java 字符处理_Java字符串处理实用代码
- 【待继续研究】如何运用机器学习技术构建可行的反欺诈检测方案?
- 奇小葩讲设备树(2/5)-- Linux设备树详解(二)文件构成
- WSS Alert(邮件提醒) 定制
- Excel VBA 处理图形图表详解
- WP7开发平台介绍及开发注意事项【WP7学习札记之二】
- 如何从知网下载学位论文的PDF?
- RSPAN-华为二层(s2000 HI)
- 用英文给领导写建议信
- 主、谓、宾、定、状、补
- deepin v20桌面bug_“国产”Deepin桌面操作系统V20 正式版
- windows 重置路由表
- A53内核板卡,平板电脑、电视盒子完美方案
- html背景图片动效,css3实现点击切换背景图片,并且背景图片实现动画效果
- Taichi 加速 Python 中图像处理
- 有效解决package ‘xxxx‘ is not in GOROOT
- C# 3个可乐瓶可以换一瓶可乐,现在有364瓶可乐。问一共可以喝多少瓶可乐,剩下几个空瓶! 案例
- CoffeeScript入门实践
- Windows无法安装“某某某”内核模式打印驱动程序。若要获取与您运行的Windows版本相兼容的驱动程序,请与制造商联系。
- 微型四轴DIY机架,轻巧稳固耐摔,通用720空心杯电机,9厘米轴距