Changeset 4214

Timestamp:

12/18/07 02:19:28 (1 year ago)

Author:

rdworth

Message:

Added selectableRefresh method

Location:

trunk/ui/current

Files:

• tests/selectable_256.html (modified) (2 diffs)
• ui.selectable.js (modified) (7 diffs)

trunk/ui/current/tests/selectable_256.html

@@ -76 +76 @@
     background: #d2aa84;
 }
+#selectable1 .wall {
+    background: #231e4b;
+}
 
         </style>
@@ -114 +117 @@
         });
 
-        $("#selectable1").selectable({autoRefresh:false});
+        $("#selectable1").selectable({filter:":not(.wall)", autoRefresh:false});
+
+        $(document).keydown(function(ev) {
+            if (ev.keyCode == 46) { // 46=DEL
+                $(".ui-selected").remove();
+                $("#selectable1").selectableRefresh();
+            }
+            if (ev.keyCode == 13) {
+                $(".ui-selected").removeClass("ui-selected").addClass("wall");
+                $("#selectable1").selectableRefresh();
+            }
+        });
 
             });

trunk/ui/current/ui.selectable.js

@@ -3 +3 @@
     
     //Macros for external methods that support chaining
-    var methods = "destroy,enable,disable,toggle".split(",");
-    for(var i=0;i<methods.length;i++) {
+    var methods = "destroy,enable,disable,toggle,refresh".split(",");
+    for(var i = 0; i < methods.length; i++) {
         var cur = methods[i], f;
-        eval('f = function() { var a = arguments; return this.each(function() { if(jQuery(this).is(".ui-selectable")) jQuery.data(this, "ui-selectable")["'+cur+'"](a); }); }');
-        $.fn["selectable"+cur.substr(0,1).toUpperCase()+cur.substr(1)] = f;
+        eval('f = function() {' +
+            'var a = arguments;' +
+            'return this.each(function() {' +
+                'if(jQuery(this).is(".ui-selectable"))' +
+                    'jQuery.data(this, "ui-selectable")["'+cur+'"](a);' +
+            '});' +
+        '}');
+        $.fn["selectable" + cur.substr(0, 1).toUpperCase() + cur.substr(1)] = f;
     };
 
@@ -55 +61 @@
                 var $this = $(this);
                 var pos = $this.offset();
-                $.data(this, "selecteestate", {
+                $.data(this, "ui-selectee", {
                     element: this,
                     $element: $this,
@@ -108 +114 @@
             var options = this.options;
 
+            self.selectees = $(options.filter, self.element);
+
             // selectable START callback
             $(self.element).triggerHandler("selectablestart", [ev, {
@@ -129 +137 @@
 
             self.selectees.filter('.ui-selected').each(function() {
-                var selectee = $.data(this, "selecteestate");
+                var selectee = $.data(this, "ui-selectee");
                 selectee.startselected = true;
                 if (!ev.ctrlKey) {
@@ -158 +166 @@
             self.selectees.each(function() {
                 //var box = self.childBoxes[i], hit = false;
-                var selectee = $.data(this, "selecteestate");
+                var selectee = $.data(this, "ui-selectee");
                 var hit = false;
                 if (options.tolerance == 'touch') {
@@ -231 +239 @@
 
             $('.ui-unselecting', self.element).each(function() {
-                var selectee = $.data(this, "selecteestate");
+                var selectee = $.data(this, "ui-selectee");
                 selectee.$element.removeClass('ui-unselecting');
                 selectee.unselecting = false;
@@ -242 +250 @@
             });
             $('.ui-selecting', self.element).each(function() {
-                var selectee = $.data(this, "selecteestate");
+                var selectee = $.data(this, "ui-selectee");
                 selectee.$element.removeClass('ui-selecting').addClass('ui-selected');
                 selectee.selecting = false;