sumoselect插件

发布时间：2015-12-29 17:00:16

由于项目需要，研究了下sumoselect插件，接下来简单介绍下sumoselect。在百度上搜索&ldquo;sumoselect.js&rdquo;，查到的网页基本上都有对sumoselect的基本介绍，如下：简单介绍jquery.sumoselect是一款跨 ...

由于项目需要，研究了下sumoselect插件，接下来简单介绍下sumoselect。

在百度上搜索“sumoselect.js”，查到的网页基本上都有对sumoselect的基本介绍，如下：

简单介绍

jquery.sumoselect是一款跨设备、跨浏览器的jQuery下拉列表框插件。该jQuery下拉列表框插件可以单选，也可以多选。它的样式可以通过CSS文件来自定义。它的最大特点是可以跨设备使用，所有设备上功能都是一致的。

该jQuery下拉列表框插件的特点有：

该jQuery下拉列表框插件需要使用jQuery 1.8.3+版本，建议使用最新版本的jQuery。

浏览器和设备的支持

使用方法

使用方法非常简单，可以在页面加载之后调用默认的调用方法：

$(document).ready(function () {   $('.SlectBox').SumoSelect();});

也可以使用插件提供的参数来进行控制：

$(document).ready(function () { $('.SlectBox').SumoSelect({  placeholder: 'This is a placeholder',  csvDispCount: 3 });});

配置参数

下面是该jQuery下拉列表框插件的可用参数：

参数	类型	描述
placeholder	string	显示在select下拉列表框中的占位文本
csvDispCount	int	要显示的多个项的编号，使用逗号分隔。设置为0表示全选
captionFormat	string	当选择的项大于`csvDispCount`设置的数目时显示的文本。默认为`{0} Selected`，`{0}`会被替换为选择的项的总数
floatWidth	int	最小的设备宽度，如果小于这个宽度，下拉列表框将渲染为浮动弹出的效果
forceCustomRendering	boolean	Force the custom modal ( Floating list ) on all devices below floatWidth resolution.
nativeOnDevice	Array[string]	从用户代理字符串中获取识别移动手机的关键字
outputAsCSV	boolean	设置为`true`则使用csv来提交数据
csvSepChar	string	如果`outputAsCSV`设置为`true`，该选项用作它的分割符。
okCancelInMulti	boolean	在桌面模式中是否允许OK/Cancel按钮为多选模式。
triggerChangeCombined	boolean	In Multiselect mode whether to trigger change event on individual selection of each item or on combined selection ( pressing of OK or Cancel button ).
selectAll	boolean	默认为false，在多选模式下是否显示全选按钮，官方js里说手机模式下不支持全选
selectAlltext	string	全选按钮显示模式下全选的显示文本
ok	string	默认为OK，确认按钮显示文本
cancel	string	默认为Cancel，取消按钮显示文本

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：sumoselect插件

关键词：

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们： admin#shaoqun.com （#换成@）。

可能感兴趣文章