彰化一整天的論壇

 找回密碼
 立即註冊
查看: 68|回復: 0

【轉貼】Bootstrap-duallistbox基本使用

[複製鏈接]
發表於 2019-6-21 09:02:06 | 顯示全部樓層 |閱讀模式
  1. var demo2 = $('.demo2').bootstrapDualListbox({
  2.   nonSelectedListLabel: 'Non-selected',//未选中list的label,默认false;
  3.   selectedListLabel: 'Selected',//已选中list的label,默认false;
  4.   showFilterInputs: true,//是否显示过滤的input输入框,默认true显示;为false则过滤相关的内容不起作用、不显示;
  5.   filterTextClear: '清空过滤条件',//清空过滤条件按钮的文本,默认'show all',可替换为其他文本;
  6.   filterPlaceHolder: '过滤条件',//过滤条件input框的placeholder,可自定义内容,默认为'Filter',
  7.   nonSelectedFilter: 'ion ([7-9]|[1][0-2])',//未选中option的过滤条件,默认为空字符串 '' ,也可用正则方式,例如:'ion ([7-9]|[1][0-2])' 过滤7、8、9、10、11、12;
  8.   selectedFilter: '3',//已选中option的过滤条件,默认为空字符串 '';参考:nonSelectedFilter;一般不设置已选中的过滤条件,会导致某些选中的项不在已选中option的过滤条件范围内,无法显示;
  9.   moveOnSelect: false,//是否移动选中的option;为false时,moveSelected和removeSelected的按钮显示、生效;默认为true;为true只能光标连续选取,松开鼠标,选中的项会移动;为false则可配合键盘的Ctrl和Shift使用,点击moveSelectedLabel和removeSelectedLabel的按钮,option才会移动;
  10.   moveAllLabel: '添加全部option',//添加全部option按钮的label,默认'Move all'
  11.   moveSelectedLabel: '添加选中的option',//添加选中option按钮的label,默认'Move selected'
  12.   removeAllLabel: '移除全部option',//移除全部option按钮的label,默认'Remove all'
  13.   removeSelectedLabel: '移除选中option',//移除选中option按钮的label,默认'Remove selected'
  14.   preserveSelectionOnMove: 'moved',//'moved'或'all'时,展示移动到target列表中的元素(背景色显示),默认false,不展示;没看到'moved'和'all'的区别;
  15.   helperSelectNamePostfix: '_ast',//为selector的name的后缀为'_helper',未选中的list后面拼接1,已选中的拼接2;也可通过setHelperSelectNamePostfix(value, refresh)方法修改;
  16.   selectorMinimalHeight: 260,//selector的最小height,大概小于260px时,为默认值固定高度,更大值则selector高度会增大;不知道默认值的的大小及height的单位
  17.   infoText: '选中/未选中option共 {0} 项',//不过滤时,选中/未选中option共几项;默认为'Showing all {0}';
  18.   infoTextFiltered: '从 {1} 项 筛选 {0} 项',//过滤信息,默认'<span class="label label-warning">Filtered</span> {0} from {1}'。从m项中筛选n项;
  19.   infoTextEmpty: 'Empty list',//当筛选条件为 '' ,且选中/未选中列表无option时显示的内容;默认为'Empty list';
  20.   filterOnValues: false,//暂时不知具体作用
  21. });
  22. ---------------------
  23. 作者:陈_三
  24. 来源:CSDN
  25. 原文:https://blog.csdn.net/qinshijangshan/article/details/80176027
  26. 版权声明:本文为博主原创文章,转载请附上博文链接!
複製代碼


回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

 ㄚ母滴雞湯
 員林香純滴雞精

Archiver|手機版|小黑屋|彰化一整天的論壇(Excel,Office)  |网站地图

GMT+8, 2019-8-24 06:27 , Processed in 0.136898 second(s), 19 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表