RetailCRM-Mirror/select2
1
0
Fork 0
mirror of synced 2025-02-18 04:53:15 +03:00
Code Issues Projects Releases Wiki Activity

make it possible to overwrite how the id is retreived from a choice. issue #51

Browse Source
This commit is contained in:
Igor Vaynberg 2012-05-03 15:00:48 -07:00
parent 011770a5d5
commit bf5e7d16de
1 changed files with 39 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
select2.js Executable file → Normal file
View File

@ -1,4 +1,4 @@
/* /*
Copyright 2012 Igor Vaynberg Copyright 2012 Igor Vaynberg
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this work except in Licensed under the Apache License, Version 2.0 (the "License"); you may not use this work except in
@ -341,7 +341,9 @@ See the License for the specific language governing permissions and limitations
var results, search, resultsSelector = ".select2-results"; var results, search, resultsSelector = ".select2-results";
// prepare options // prepare options
this.opts = this.prepareOpts(opts); this.opts = opts = this.prepareOpts(opts);
this.id=opts.id;
// destroy if called on an existing component // destroy if called on an existing component
if (opts.element.data("select2") !== undefined) { if (opts.element.data("select2") !== undefined) {
@ -427,16 +429,22 @@ See the License for the specific language governing permissions and limitations
}, },
prepareOpts: function (opts) { prepareOpts: function (opts) {
var element, select; var element, select, idKey;
opts = $.extend({}, { opts = $.extend({}, {
formatResult: function (data) { return data.text; }, formatResult: function (data) { return data.text; },
formatSelection: function (data) { return data.text; }, formatSelection: function (data) { return data.text; },
formatNoMatches: function () { return "No matches found"; }, formatNoMatches: function () { return "No matches found"; },
formatInputTooShort: function (input, min) { return "Please enter " + (min - input.length) + " more characters"; }, formatInputTooShort: function (input, min) { return "Please enter " + (min - input.length) + " more characters"; },
minimumResultsForSearch: 0 minimumResultsForSearch: 0,
id: function (e) { return e.id; }
}, opts); }, opts);
if (typeof(opts.id) !== "function") {
idKey = opts.id;
opts.id = function (e) { return e[idKey]; }
}
element = opts.element; element = opts.element;
if (element.get(0).tagName.toLowerCase() === "select") { if (element.get(0).tagName.toLowerCase() === "select") {
@ -476,6 +484,7 @@ See the License for the specific language governing permissions and limitations
}); });
query.callback(data); query.callback(data);
}); });
opts.id=function(e) { return e.id; };
} else { } else {
if (!("query" in opts)) { if (!("query" in opts)) {
if ("ajax" in opts) { if ("ajax" in opts) {
@ -663,7 +672,7 @@ See the License for the specific language governing permissions and limitations
* @param initial whether or not this is the call to this method right after the dropdown has been opened * @param initial whether or not this is the call to this method right after the dropdown has been opened
*/ */
updateResults: function (initial) { updateResults: function (initial) {
var search = this.search, results = this.results, opts = this.opts; var search = this.search, results = this.results, opts = this.opts, self=this;
search.addClass("select2-active"); search.addClass("select2-active");
@ -686,10 +695,10 @@ See the License for the specific language governing permissions and limitations
// create a default choice and prepend it to the list // create a default choice and prepend it to the list
if (this.opts.createSearchChoice && search.val() !== "") { if (this.opts.createSearchChoice && search.val() !== "") {
def = this.opts.createSearchChoice.call(null, search.val(), data.results); def = this.opts.createSearchChoice.call(null, search.val(), data.results);
if (def !== undefined && def !== null && def.id !== undefined && def.id !== null) { if (def !== undefined && def !== null && self.id(def) !== undefined && self.id(def) !== null) {
if ($(data.results).filter( if ($(data.results).filter(
function () { function () {
return equal(this.id, def.id); return equal(self.id(this), self.id(def));
}).length === 0) { }).length === 0) {
data.results.unshift(def); data.results.unshift(def);
} }
@ -956,7 +965,7 @@ See the License for the specific language governing permissions and limitations
// find the selected element in the result list // find the selected element in the result list
this.results.find(".select2-result").each(function (i) { this.results.find(".select2-result").each(function (i) {
if (equal($(this).data("select2-data").id, self.opts.element.val())) { if (equal(self.id($(this).data("select2-data")), self.opts.element.val())) {
selected = i; selected = i;
return false; return false;
} }
@ -981,12 +990,12 @@ See the License for the specific language governing permissions and limitations
onSelect: function (data) { onSelect: function (data) {
var old = this.opts.element.val(); var old = this.opts.element.val();
this.opts.element.val(data.id); this.opts.element.val(this.id(data));
this.updateSelection(data); this.updateSelection(data);
this.close(); this.close();
this.selection.focus(); this.selection.focus();
if (!equal(old, data.id)) { this.triggerChange(); } if (!equal(old, this.id(data))) { this.triggerChange(); }
}, },
updateSelection: function (data) { updateSelection: function (data) {
@ -1021,7 +1030,7 @@ See the License for the specific language governing permissions and limitations
this.updateSelection(data); this.updateSelection(data);
} else { } else {
// val is an object. !val is true for [undefined,null,''] // val is an object. !val is true for [undefined,null,'']
this.opts.element.val(!val ? "" : val.id); this.opts.element.val(!val ? "" : this.id(val));
this.updateSelection(val); this.updateSelection(val);
} }
this.setPlaceholder(); this.setPlaceholder();
@ -1215,8 +1224,8 @@ See the License for the specific language governing permissions and limitations
// filter out duplicates // filter out duplicates
$(data).each(function () { $(data).each(function () {
if (indexOf(this.id, ids) < 0) { if (indexOf(self.id(this), ids) < 0) {
ids.push(this.id); ids.push(self.id(this));
filtered.push(this); filtered.push(this);
} }
}); });
@ -1255,7 +1264,7 @@ See the License for the specific language governing permissions and limitations
addSelectedChoice: function (data) { addSelectedChoice: function (data) {
var choice, var choice,
id = data.id, id = this.id(data),
parts, parts,
val = this.getVal(); val = this.getVal();
@ -1311,7 +1320,7 @@ See the License for the specific language governing permissions and limitations
self = this; self = this;
choices.each(function () { choices.each(function () {
var choice = $(this), id = choice.data("select2-data").id; var choice = $(this), id = self.id(choice.data("select2-data"));
if (indexOf(id, val) >= 0) { if (indexOf(id, val) >= 0) {
choice.addClass("select2-disabled"); choice.addClass("select2-disabled");
} else { } else {
@ -1377,7 +1386,7 @@ See the License for the specific language governing permissions and limitations
}, },
val: function () { val: function () {
var val, data = []; var val, data = [], self=this;
if (arguments.length === 0) { if (arguments.length === 0) {
return this.getVal(); return this.getVal();
@ -1397,7 +1406,7 @@ See the License for the specific language governing permissions and limitations
this.setVal(val); this.setVal(val);
// val is a list of objects // val is a list of objects
$(val).each(function () { data.push(this.id); }); $(val).each(function () { data.push(self.id(this)); });
this.setVal(data); this.setVal(data);
this.updateSelection(val); this.updateSelection(val);
} }