Changeset 5435

Timestamp:

02/01/08 08:45:02 (10 months ago)

Author:

uta

Message:

2349

Files:

• spinelz/trunk/compress/javascripts/spinelz/selectableTable.js (modified) (14 diffs)
• spinelz/trunk/compress/javascripts/spinelz/spinelz_for_rubricks.js (modified) (14 diffs)
• spinelz/trunk/src/javascripts/spinelz/selectableTable.js (modified) (9 diffs)
• spinelz/trunk/test/selectableTable.html (modified) (1 diff)

spinelz/trunk/compress/javascripts/spinelz/selectableTable.js

@@ -9 +9 @@
-},functionSubmit:Prototype.emptyFunction,initialSelected:null,prefixTrId:"selectable_table_",prefixCSS:"custom_"};
-this.options=Object.extend(_2,arguments[1]||{});
-
-
-
-
-
-
-
+
-this.build();
-if(this.options.initialSelected){
@@ -87 +81 @@
-_6.cmdPressed=false;
-},true);
+},addMouseEvent:function(){
+Event.observe(this.element,"mousedown",this.eventMouseDown.bindAsEventListener(this));
+Event.observe(document,"mouseup",this.eventMouseUp.bindAsEventListener(this));
-},build:function(){
-this.addKeyboardEvent();
+this.addMouseEvent();
-if(this.options.build){
-Element.setStyle(this.element,{visibility:"hidden"});
@@ -95 +93 @@
-for(var i=0;i<_8.length;i++){
-this.buildTr(_8[i]);
+this.lineIdArray.push(_8[i].id);
-}
-this.options.functionPostBuild(this);
-Element.setStyle(this.element,{visibility:"visible"});
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-},deleteAll:function(){
-if(!this.flagAvailable){
@@ -115 +118 @@
-return;
-}
-c
-c
-c
+d
+d
+d
-}
-this.focused=null;
@@ -126 +129 @@
-}
-this.cmdManager.destroy();
-d
+e
-if(!this.flagAvailable){
-return;
@@ -132 +135 @@
-if(this.options.functionClickCallback.constructor==Function){
-if(this.options.functionClickCallback!=Prototype.emptyFunction){
-d
-
-
-d
-d
-
-d,"tr").id,_d
-
-e
+e
+
+
+e
+e
+
+e,"tr").id,_e
+
+f
-if(!this.flagAvailable){
-return;
@@ -146 +149 @@
-if(this.options.functionDoubleClickCallback.constructor==Function){
-if(this.options.functionDoubleClickCallback!=Prototype.emptyFunction){
-e
+f
-}
-}
-if(this.flagAllowMultiple){
-e
+f
-this.submit();
-}
-f
+10
-if(!this.flagAvailable){
-return;
-}
-this.focusOff();
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-if(!this.flagAvailable){
-return;
@@ -173 +185 @@
-}
-}else{
-2
-3,_14
-1
+6
+7,_18
+5
-case "down":
-3
-4=this.isBottom(_12
+7
+8=this.isBottom(_16
-break;
-case "up":
-3
-4=this.isTop(_12
+7
+8=this.isTop(_16
-break;
-}
-4
-2+_13
+8
+6+_17
-}
-}
@@ -194 +206 @@
-}
-if(this.focused!=null){
-5
-5
+9
+9
-this.focused=null;
-}
-6
-
-
-
-6
+a
+
+
+
+a
-this.focusOff();
-
-
+
+
+
+
+
+
-}
-},getSelected:function(){
-7
-8
-7.push(_18
-
-7
+b
+c
+b.push(_1c
+
+b
-},getSelectedElement:function(id){
-a
-a
-b
-b
-1c
-1c
+e
+e
+f
+f
+20
+20
-},makeAvailable:function(){
-this.flagAvailable=true;
@@ -235 +251 @@
-}
-this.flagAvailable=false;
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-this.options.functionPostSelect(this);
-if(!this.flagAllowMultiple){
@@ -253 +315 @@
-}
-this.selected=new Object();
-1f
-1f
-1f
-
-1,_22
-1
-2
+2a
+2a
+2a
+
+c,_2d
+c
+d
-this.unselectAll();
-}
-1
-1
-
-3,_24
-
-
-
-3
-
-
-4&&this.selected[_23
+c
+c
+
+e,_2f
+
+
+
+e
+
+
+f&&this.selected[_2e
-if(!this.flagAllowMultiple&&!this.options.flagAllowUnselect){
-return;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-continue;
-}
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-this.options.functionPostUnselect(this);
-},unselectAll:function(){
@@ -326 +392 @@
-return;
-}
-2d
-2d
-2d
+38
+38
+38
-}
-}};
-2f,_30
-1=_30
-0=$(_31+"_"+_2f
-0
+3a,_3b
+c=_3b
+b=$(_3c+"_"+_3a
+b
-if(UserAgent.isIE()){
-0
+b
-}else{
-var evt=document.createEvent("MouseEvents");
-evt.initEvent("click",true,true);
-0
+b
-}
-}
@@ -346 +412 @@
-var SelectableTableCreator={create:function(){
-var key=arguments[0];
-4
-35
-36
-35
+f
+40
+41
+40
-try{
-35
+40
-}
-catch(e){
-}
-}
-37=new SelectableTable(key,_34
-36
-37
-
-37
+42=new SelectableTable(key,_3f
+41
+42
+
+42
-}};
-var SelectableTableManager={active:null,list:$H({}),activate:function(key){
@@ -376 +442 @@
-this.deactivate();
-this.list=$H({});
-3a
+45
-if(this.list[key]){
-this.list[key].makeUnavailable();
-}
-3a
+45
-this.activate(key);
-},start:function(){
-3b
-3b
-3b
+46
+46
+46
-}
-},stop:function(){

spinelz/trunk/compress/javascripts/spinelz/spinelz_for_rubricks.js

@@ -3240 +3240 @@
-},functionSubmit:Prototype.emptyFunction,initialSelected:null,prefixTrId:"selectable_table_",prefixCSS:"custom_"};
-this.options=Object.extend(_2,arguments[1]||{});
-
-
-
-
-
-
-
+
-this.build();
-if(this.options.initialSelected){
@@ -3318 +3312 @@
-_6.cmdPressed=false;
-},true);
+},addMouseEvent:function(){
+Event.observe(this.element,"mousedown",this.eventMouseDown.bindAsEventListener(this));
+Event.observe(document,"mouseup",this.eventMouseUp.bindAsEventListener(this));
-},build:function(){
-this.addKeyboardEvent();
+this.addMouseEvent();
-if(this.options.build){
-Element.setStyle(this.element,{visibility:"hidden"});
@@ -3326 +3324 @@
-for(var i=0;i<_8.length;i++){
-this.buildTr(_8[i]);
+this.lineIdArray.push(_8[i].id);
-}
-this.options.functionPostBuild(this);
-Element.setStyle(this.element,{visibility:"visible"});
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-},deleteAll:function(){
-if(!this.flagAvailable){
@@ -3346 +3349 @@
-return;
-}
-c
-c
-c
+d
+d
+d
-}
-this.focused=null;
@@ -3357 +3360 @@
-}
-this.cmdManager.destroy();
-d
+e
-if(!this.flagAvailable){
-return;
@@ -3363 +3366 @@
-if(this.options.functionClickCallback.constructor==Function){
-if(this.options.functionClickCallback!=Prototype.emptyFunction){
-d
-
-
-d
-d
-
-d,"tr").id,_d
-
-e
+e
+
+
+e
+e
+
+e,"tr").id,_e
+
+f
-if(!this.flagAvailable){
-return;
@@ -3377 +3380 @@
-if(this.options.functionDoubleClickCallback.constructor==Function){
-if(this.options.functionDoubleClickCallback!=Prototype.emptyFunction){
-e
+f
-}
-}
-if(this.flagAllowMultiple){
-e
+f
-this.submit();
-}
-f
+10
-if(!this.flagAvailable){
-return;
-}
-this.focusOff();
-0
+1
-if(!this.flagAvailable){
-return;
-}
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-if(!this.flagAvailable){
-return;
@@ -3404 +3416 @@
-}
-}else{
-2
-3,_14
-1
+6
+7,_18
+5
-case "down":
-3
-4=this.isBottom(_12
+7
+8=this.isBottom(_16
-break;
-case "up":
-3
-4=this.isTop(_12
+7
+8=this.isTop(_16
-break;
-}
-4
-2+_13
+8
+6+_17
-}
-}
@@ -3425 +3437 @@
-}
-if(this.focused!=null){
-5
-5
+9
+9
-this.focused=null;
-}
-6
+a
-if(!this.flagAvailable){
-return;
-}
-6
+a
-this.focusOff();
-
-
+
+
+
+
+
+
-}
-},getSelected:function(){
-7
-8
-7.push(_18
-
-7
+b
+c
+b.push(_1c
+
+b
-},getSelectedElement:function(id){
-a
-a
-b
-b
-1c
-1c
+e
+e
+f
+f
+20
+20
-},makeAvailable:function(){
-this.flagAvailable=true;
@@ -3466 +3482 @@
-}
-this.flagAvailable=false;
-select:function(_1d,_1e
+mouseSelect:function(_21
-if(!this.flagAvailable){
-return;
-}
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-this.options.functionPostSelect(this);
-if(!this.flagAllowMultiple){
@@ -3484 +3546 @@
-}
-this.selected=new Object();
-1f
-1f
-1f
-
-1,_22
-1
-2
+2a
+2a
+2a
+
+c,_2d
+c
+d
-this.unselectAll();
-}
-1
-1
-
-3,_24
+c
+c
+
+e,_2f
-if(!this.flagAvailable){
-return;
-}
-3
-
-
-4&&this.selected[_23
+e
+
+
+f&&this.selected[_2e
-if(!this.flagAllowMultiple&&!this.options.flagAllowUnselect){
-return;
-}
-
-
-
-
-
+
+
+
+
+
+
+
+
-if(!this.flagAvailable){
-return;
-}
-25
-
-
-25
-25
-
-
-26
-27
-28
-27
-27[i].id==_25||_27[i].id==_28
-26=(_26
-
-26
+30
+
+
+30
+30
+
+
+31
+32
+33
+32
+32[i].id==_30||_32[i].id==_33
+31=(_31
+
+31
-continue;
-}
-}
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-if(!this.flagAvailable){
-return;
-}
-2b
-2b
-2c
+36
+36
+37
-if(!this.flagAvailable){
-return;
-}
-2c
-2c
-2c
+37
+37
+37
-this.options.functionPostUnselect(this);
-},unselectAll:function(){
@@ -3557 +3623 @@
-return;
-}
-2d
-2d
-2d
+38
+38
+38
-}
-}};
-2f,_30
-1=_30
-0=$(_31+"_"+_2f
-0
+3a,_3b
+c=_3b
+b=$(_3c+"_"+_3a
+b
-if(UserAgent.isIE()){
-0
+b
-}else{
-var evt=document.createEvent("MouseEvents");
-evt.initEvent("click",true,true);
-0
+b
-}
-}
@@ -3577 +3643 @@
-var SelectableTableCreator={create:function(){
-var key=arguments[0];
-4
-35
-36
-35
+f
+40
+41
+40
-try{
-35
+40
-}
-catch(e){
-}
-}
-37=new SelectableTable(key,_34
-36
-37
-
-37
+42=new SelectableTable(key,_3f
+41
+42
+
+42
-}};
-var SelectableTableManager={active:null,list:$H({}),activate:function(key){
@@ -3607 +3673 @@
-this.deactivate();
-this.list=$H({});
-3a
+45
-if(this.list[key]){
-this.list[key].makeUnavailable();
-}
-3a
+45
-this.activate(key);
-},start:function(){
-3b
-3b
-3b
+46
+46
+46
-}
-},stop:function(){

spinelz/trunk/src/javascripts/spinelz/selectableTable.js

@@ -56 +56 @@
-      prefixCSS:                    'custom_'
-    }
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-    this.build();
-    if(this.options.initialSelected) {
@@ -120 +123 @@
-    //===[for Mac]===========================================================//
-  },
+  addMouseEvent: function() {
+    Event.observe(this.element, 'mousedown', this.eventMouseDown.bindAsEventListener(this));
+    Event.observe(document,     'mouseup',   this.eventMouseUp.bindAsEventListener(this));
+  },
-  build: function() {
-    this.addKeyboardEvent();
+    this.addMouseEvent();
-    if(this.options.build) {
-      Element.setStyle(this.element, {visibility:'hidden'});
@@ -128 +136 @@
-      for(var i = 0; i < lines.length; i++) {
-        this.buildTr(lines[i]);
+        this.lineIdArray.push(lines[i].id);
-      }
-      this.options.functionPostBuild(this);
-      Element.setStyle(this.element, {visibility:'visible'});
+    } else {
+      this.lineIdArray = $A(this.element.tBodies[0].rows).collect(
+        function(el) {return el.id;}
+      );
-    }
-  },
@@ -136 +149 @@
-    objTr.id = this.buildTrId(objTr.id);
-    this.classNames.addClassNames(objTr, 'tr');
-
-
-
-
+,       true
+, true
+,    true
+,   true
-  },
-  buildTrId: function(strId) {
@@ -194 +207 @@
-    if(!this.flagAvailable) {return;}
-    this.focusOn(Event.findElement(event, 'tr').id);
-
+
+
+
+
+
+
+
+
+
+
-  },
-  focusMove: function(direction) {
@@ -232 +254 @@
-    if($(trId) != null) {
-      this.focusOff();
-
-
+
+
+
+
+
+
-    }
-  },
@@ -271 +297 @@
-    }
-    this.flagAvailable = false;
+  },
+  mouseSelect: function(trId) {
+    if(!this.flagAvailable) {return;}
+    if(this.mouseDownCurrent == trId) {return;}
+    this.mouseDownCurrent = trId;
+    var trIdArray = [];
+    if(trId == this.mouseDownBase) {
+      trIdArray.push(trId);
+    } else {
+      var flag = false;
+      var self = this;
+      this.lineIdArray.each(
+        function(lineId) {
+          if(flag) {
+            trIdArray.push(lineId);
+          }
+          if(lineId == self.mouseDownBase || lineId == self.mouseDownCurrent) {
+            flag = (flag != true);
+            trIdArray.push(lineId);
+          }
+        }
+      );
+      trIdArray.uniq();
+    }
+    this.unselectAll();
+    var self = this;
+    trIdArray.each(
+      function(trId) {
+        self.select(trId, true);
+      }
+    );
+  },
+  onMouseDown: function(trId) {
+    if(!this.flagAvailable) {return;}
+    this.unselectAll();
+    if(trId) {
+      Object.extend(this, {
+        mouseDown:          true,
+        mouseDownBase:      trId,
+        mouseDownCurrent:   null
+      });
+      this.mouseSelect(trId);
+    }
+  },
+  onMouseUp: function() {
+    if(!this.flagAvailable) {return;}
+    if(this.mouseDown) {
+      this.mouseDown = false;
+    }
-  },
-  select: function(trId, ctrl) {
@@ -307 +382 @@
-    } else {
-      this.select(trId, ctrl);
+      if(ctrl) {
+        SpinelzUtil.clearBrowserSelection();
+      }
-    }
-  },
@@ -331 +409 @@
-      }
-    }
+    SpinelzUtil.clearBrowserSelection();
-  },
-  submit: function(trId) {

spinelz/trunk/test/selectableTable.html

@@ -27 +27 @@
-                <tbody>
-                        <tr id="1">
-
+
+
+
-                        </tr>
-                        <tr id="2">
-
+
+
+
-                        </tr>
-                        <tr id="3">
-
+
+
+
-                        </tr>
-                        <tr id="4">
-
+