RetailCRM-Mirror/select2
1
0
Fork 0
mirror of synced 2025-03-10 22:56:12 +03:00
Code Issues Projects Releases Wiki Activity

Performance optimizations

Browse Source 
Signed-off-by: Igor Vaynberg <igor.vaynberg@gmail.com>
This commit is contained in:
creage 2012-06-16 22:00:09 +03:00 committed by Igor Vaynberg
parent 68726643ac
commit 0ff41ca512
1 changed files with 46 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
select2.js
View File

@ -12,6 +12,26 @@
distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and limitations under the License. See the License for the specific language governing permissions and limitations under the License.
*/ */
(function ($) {
if(typeof $.fn.each2 == "undefined"){
$.fn.extend({
/*
* 4-10 times faster .each replacement
* use it carefully, as it overrides jQuery context of element on each iteration
*/
each2 : function (c) {
var j = $([0]), i = -1, l = this.length;
while (
++i < l
&& (j.context = j[0] = this[i])
&& c.call(j[0], i, j) !== false //"this"=DOM, i=index, j=jQuery object
);
return this;
}
});
}
})(jQuery);
(function ($, undefined) { (function ($, undefined) {
"use strict"; "use strict";
/*global document, window, jQuery, console */ /*global document, window, jQuery, console */
@ -182,18 +202,19 @@
} }
function measureTextWidth(e) { function measureTextWidth(e) {
var sizer, width; var sizer, width,
style = e.currentStyle || window.getComputedStyle(e, null);
sizer = $("<div></div>").css({ sizer = $("<div></div>").css({
position: "absolute", position: "absolute",
left: "-1000px", left: "-1000px",
top: "-1000px", top: "-1000px",
display: "none", display: "none",
fontSize: e.css("fontSize"), fontSize: style.fontSize,
fontFamily: e.css("fontFamily"), fontFamily: style.fontFamily,
fontStyle: e.css("fontStyle"), fontStyle: style.fontStyle,
fontWeight: e.css("fontWeight"), fontWeight: style.fontWeight,
letterSpacing: e.css("letterSpacing"), letterSpacing: style.letterSpacing,
textTransform: e.css("textTransform"), textTransform: style.textTransform,
whiteSpace: "nowrap" whiteSpace: "nowrap"
}); });
sizer.text(e.val()); sizer.text(e.val());
@ -534,11 +555,7 @@
return result.text; return result.text;
}, },
formatSelection: function (data) { formatSelection: function (data) {
if (data.fullText) { return data.fullText || data.text;
return data.fullText;
} else {
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"; },
@ -569,14 +586,14 @@
} }
} else if (element.is("optgroup")) { } else if (element.is("optgroup")) {
group={text:element.attr("label"), children:[]}; group={text:element.attr("label"), children:[]};
element.children().each(function() { process($(this), group.children); }); element.children().each2(function(i, elm) { process(elm, group.children); });
if (group.children.length>0) { if (group.children.length>0) {
collection.push(group); collection.push(group);
} }
} }
}; };
element.children().each(function() { process($(this), data.results); }); element.children().each2(function(i, elm) { process(elm, data.results); });
query.callback(data); query.callback(data);
}); });
@ -694,11 +711,12 @@
ensureHighlightVisible: function () { ensureHighlightVisible: function () {
var results = this.results, children, index, child, hb, rb, y, more; var results = this.results, children, index, child, hb, rb, y, more;
children = results.find(".select2-result");
index = this.highlight(); index = this.highlight();
if (index < 0) return; if (index < 0) return;
children = results.find(".select2-result");
child = $(children[index]); child = $(children[index]);
@ -760,9 +778,9 @@
}, },
highlightUnderEvent: function (event) { highlightUnderEvent: function (event) {
var el = $(event.target).closest(".select2-result"); var el = $(event.target).closest(".select2-result");
var choices = this.results.find('.select2-result');
if (el.length > 0) { if (el.length > 0) {
var choices = this.results.find('.select2-result');
this.highlight(choices.index(el)); this.highlight(choices.index(el));
} }
}, },
@ -786,7 +804,6 @@
context: this.context, context: this.context,
matcher: this.opts.matcher, matcher: this.opts.matcher,
callback: this.bind(function (data) { callback: this.bind(function (data) {
console.log("load more callback", data);
self.opts.populateResults(results, data.results); self.opts.populateResults(results, data.results);
@ -1113,8 +1130,8 @@
// 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").each2(function (i, elm) {
if (equal(self.id($(this).data("select2-data")), self.opts.element.val())) { if (equal(self.id(elm.data("select2-data")), self.opts.element.val())) {
selected = i; selected = i;
return false; return false;
} }
@ -1172,8 +1189,8 @@
// val is an id // val is an id
this.select this.select
.val(val) .val(val)
.find(":selected").each(function () { .find(":selected").each2(function (i, elm) {
data = {id: $(this).attr("value"), text: $(this).text()}; data = {id: elm.attr("value"), text: elm.text()};
return false; return false;
}); });
this.updateSelection(data); this.updateSelection(data);
@ -1223,8 +1240,8 @@
// install sthe selection initializer // install sthe selection initializer
opts.initSelection = function (element) { opts.initSelection = function (element) {
var data = []; var data = [];
element.find(":selected").each(function () { element.find(":selected").each2(function (i, elm) {
data.push({id: $(this).attr("value"), text: $(this).text()}); data.push({id: elm.attr("value"), text: elm.text()});
}); });
return data; return data;
}; };
@ -1492,8 +1509,8 @@
choices = this.results.find(".select2-result"), choices = this.results.find(".select2-result"),
self = this; self = this;
choices.each(function () { choices.each2(function (i, choice) {
var choice = $(this), id = self.id(choice.data("select2-data")); var 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 {
@ -1501,8 +1518,8 @@
} }
}); });
choices.each(function (i) { choices.each2(function (i, choice) {
if (!$(this).hasClass("select2-disabled")) { if (!choice.hasClass("select2-disabled")) {
self.highlight(i); self.highlight(i);
return false; return false;
} }