Merge pull request #553 from melgish/refresh-performance

Fixed #548. Updated refresh to improve performance with large lists.

dist/js/bootstrap-multiselect.js

@@ -935,30 +935,35 @@
         /**
          * Refreshs the multiselect based on the selected options of the select.
          */
-        refresh: function() {
-            $('option', this.$select).each($.proxy(function(index, element) {
-                var $input = $('li input', this.$ul).filter(function() {
-                    return $(this).val() === $(element).val();
-                });
-
-                if ($(element).is(':selected')) {
+        refresh: function () {
+            var inputs = $.map($('li input', this.$ul), $);
+            var selectedClass = this.options.selectedClass;
+            $('option', this.$select).each(function (index, element) {
+                var $elem = $(element);
+                var value = $elem.val();
+                var $input;
+                for (var i = inputs.length; 0 < i--; /**/) {
+                    if (value !== ($input = inputs[i]).val())
+                        continue; // wrong li
+
+                    if ($elem.is(':selected')) {
                         $input.prop('checked', true);
 
-                    if (this.options.selectedClass) {
+                        if (selectedClass) {
                             $input.closest('li')
-                            .addClass(this.options.selectedClass);
+                                .addClass(selectedClass);
                         }
                     }
                     else {
                         $input.prop('checked', false);
 
-                    if (this.options.selectedClass) {
+                        if (selectedClass) {
                             $input.closest('li')
-                            .removeClass(this.options.selectedClass);
+                                .removeClass(selectedClass);
                         }
                     }
 
-                if ($(element).is(":disabled")) {
+                    if ($elem.is(":disabled")) {
                         $input.attr('disabled', 'disabled')
                             .prop('disabled', true)
                             .closest('li')
@@ -969,7 +974,9 @@
                             .closest('li')
                             .removeClass('disabled');
                     }
-            }, this));
+                    break; // assumes unique values
+                }
+            });
 
             this.updateButtonText();
             this.updateSelectAll();