dropDown.js
4.71 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
require('./util/select2');
var $ = require('jquery');
var urlObj = {
"queryShopPass":"/ShopsRest/selectCheckPassShopsByName",
"queryBrandByShopId":"/MerchantShopsRest/queryMerchantBrandByShopsId",
"getjitSup":"/AgreementRest/getJitSupplierByBrandId",
'shopsRest': '/ShopsRest/selectCheckPassShopsByName', // 店铺列表
'querySupplierByShopId': '/MerchantShopsRest/queryMerchantSupplierByShopsId', //查询店铺下关联供应商
'maxSort': '/product/queryMaxSortByName',
'sortsize2':'/product/querySizeListBySortId4Html',
'queryModelListForSelect':"/model/queryModelListForSelect",
'queryProdSizeListForSel':"/productSize/queryProdSizeListForSel"
};
var minimumResultsForSearch = ["sortbybrand", "getjitSup", "sortsize2","querySupplier"];
var dropDown = function(option) {
new dropDown.prototype.init(option);
}
dropDown.prototype = {
constructor: dropDown,
init: function(_option) {
var option = {
el: '.select2-offscreen',
url: urlObj[_option.ajax]
};
for (var i in _option) {
if (_option.hasOwnProperty(i)) {
option[i] = _option[i];
}
}
if (minimumResultsForSearch.indexOf(_option.ajax) > -1) {
option.minimumResultsForSearch = Infinity
}
if (option.ajax) {
var defaultName = "请选择";
if ($(option.el).val() == -1) {
defaultName = $(option.el).find("option[value='-1']").text()
}
if (option.hash) {
if ($(option.el).val() == null) {
var name = option.el.replace(/\.|#/g, '');
var arr = location.hash.replace(/^#/, '').split("&&");
var map = {};
arr.forEach(function(item) {
var _a = item.split('=');
if (_a && _a[0]) {
map[_a[0]] = _a[1];
}
});
var id = map[name];
var text = map[name + "Name"];
$(option.el).html('');
$(option.el).append("<option value=" + id + " >" + text + "</option>");
}
$(document).on("change", option.el, function() {
var name = option.el.replace(/\.|#/g, '');
var id = $(option.el).val();
var text = $(option.el).find("option[value='" + id + "']").text();
var arr = location.hash.replace(/^#/, '').split("&&");
var map = {};
arr.forEach(function(item) {
var _a = item.split('=');
if (_a && _a[0]) {
map[_a[0]] = _a[1];
}
});
map[name] = id;
map[name + "Name"] = text;
var urlHash = '';
$.each(map, function(key, value) {
if (value || value == '0') {
urlHash += key + '=' + value + '&&';
}
});
location.hash = urlHash;
});
}
$(option.el).select2({
minimumResultsForSearch: option.minimumResultsForSearch || 0,
ajax: {
url: option.url,
dataType: 'json',
type: 'POST',
delay: 250,
data: function(params) {
var param = {};
if (Object.prototype.toString.call(option.params) == "[object Function]") {
param = option.params();
} else {
param = option.params;
}
var data = $.extend({}, {
idName: params.term
}, param || {});
return data;
},
processResults: function(data, params) {
params.page = params.page || 1;
data.data.unshift({
id: '-1',
text: defaultName
});
option.midData&&option.midData(data.data);
return {
results: data.data
}
},
cache: true
}
});
} else {
$(option.el).select2();
}
}
}
dropDown.prototype.init.prototype = dropDown.prototype;
module.exports = dropDown;