jQueryChosen通用初始化资源-CSDN文库

60 浏览量 2020-12-11 03:40:00 上传评论收藏 46KB PDF 举报

资源详情

资源评论

资源推荐

jQuery Chosen通用初始化通用初始化

一直在用Chosen这个js插件，其目的就是美化下拉框。github地址：https://harvesthq.github.io/chosen/

no_results_text：”xxxxx”无搜索结果时显示的文本

allow_single_deselect：true 是否允许取消选择

disable_search: true 是否有搜索框出现

max_selected_options：当select为多选时，最多选择个数

官方说明文档地址

配置选项的官方说明文档地址

/* 功能: Chosen通用初始化

* 创建人：Brian 创建时间：2016-12-13

*/

(function ($j) {

var chosenTool = function (el, options) {

this.opts = options;

this.chosenInit();

this.chose_get_init();

this.chose_mult_set_init(this.opts.hidClassName);

this.clickEvent();

return this;

}

chosenTool.opts = {

selectId: '',//selectId

hidClassName: '',//隐藏域Class

placeholdertxt: '',//select中placeholder文字

noresulttxt: '',//输入的名称未查到时显示的文字

dataJson: ''//数据源

};

$j.fn.myChosenTool = function (opt) {

var value,

args = Array.prototype.slice.call(arguments, 1);

var $jthis = $j(this),

data = $jthis.data('chosenTool'),

options = $j.extend({}, chosenTool.opts, $jthis.data(),

typeof option === 'object' && option);

if (typeof option === 'string') {

//判断用户调用的方法是否存在

//if ($j.inArray(option, allowedMethods) < 0) {

// throw new Error("Unknown method: " + option);

//}

if (!data) {

return;

}

value = data[option].apply(data, args);

if (option === 'destroy') {

$jthis.removeData('chosenTool');

}

}

/*插件外部调用插件内部的方法需要修改成下面形式*/

//if (typeof opt === 'string') {

// if (!data) {

// return;

// }

// value = data[opt].apply(data, args);

// if (opt === 'destroy') {

// $jthis.removeData('chosenTool');

// }

//}

if (!data) {

opt["selectId"] = $j(this).attr("id");

$jthis.data('chosenTool', (data = new chosenTool(this, opt)));

}

console.log(data);

return typeof value === 'undefined' ? this : value;

};

chosenTool.prototype.clickEvent = function () {

var _this = this;

$j("#" + this.opts.selectId).on("change", function () {

_this.chose_get_value();

});

};

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

内容反馈

weixin_38667207

粉丝: 3
资源: 965

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip