rsence 2.1.11 → 2.2.0

data/js/foundation/eventmanager/eventmanager.js

@@ -275,7 +275,9 @@ EVENT = {
     }
     if(_ctrl.drawn){
       _this._updateHoverItems();
-      (_this.hovered.length !== 0) && (_this.hovered.indexOf(_ctrl.elemId) === _this.hovered.length-1) && _this.focus(_ctrl);
+      if (_this.hovered.length !== 0 && _this.hovered.indexOf(_ctrl.elemId) === _this.hovered.length-1){
+        _this.focus(_ctrl);
+      }
     }
   },
   
@@ -581,6 +583,7 @@ EVENT = {
   *
   **/
   startDragging: function(_ctrl, _isLeftButton) {
+    // console.log('startDragging');
     var _this = EVENT;
     _this.dragItems = [_ctrl.elemId];
     _this.focus(_ctrl);
@@ -597,20 +600,22 @@ EVENT = {
   *
   **/
   mouseDown: function(e, _isLeftButton) {
-    var _this = EVENT,
-        _didStartDrag = false,
-        x = _this.status[_this.crsrX],
-        y = _this.status[_this.crsrY],
-        i = 0,
-        
-        // Unset the active control when clicking on anything.
-        _newActiveControl = null,
-        
-        // The startDrag and mouseDown event receivers are first collected into
-        // these arrays and the events are sent after the active control status has
-        // been changed.
-        _startDragElementIds = [],
-        _mouseDownElementIds = [];
+    // console.log('mouseDown');
+    var
+    _this = EVENT,
+    _didStartDrag = false,
+    x = _this.status[_this.crsrX],
+    y = _this.status[_this.crsrY],
+    i = 0,
+    
+    // Unset the active control when clicking on anything.
+    _newActiveControl = null,
+    
+    // The startDrag and mouseDown event receivers are first collected into
+    // these arrays and the events are sent after the active control status has
+    // been changed.
+    _startDragElementIds = [],
+    _mouseDownElementIds = [];
     
     _this._modifiers(e);
     if (_isLeftButton === undefined) {
@@ -665,11 +670,15 @@ EVENT = {
       Event.stop(e);
     }
     // Stop the event only when we are hovering over some control, allows normal DOM events to co-exist.
-    if (this.enableDroppableChecks) {
-      if ((_stopEvent === 0) && (_this.hovered.length !== 0) && _newActiveControl) {
+    if (_this.enableDroppableChecks) {
+      // console.log('stopEvent:',_stopEvent,', hoverlen:',(_this.hovered.length !== 0),', newActive:',_newActiveControl);
+      if ( (_mouseDownElementIds.length !== 0) && (_stopEvent === 0) && (_this.hovered.length !== 0) && _newActiveControl) {
         Event.stop(e);
       }
     }
+    // else {
+    //   console.log('not enableDroppableChecks');
+    // }
     return true;
   },
 
@@ -680,6 +689,13 @@ EVENT = {
   *
   **/
   click: function(e, _isLeftButton) {
+    // if( new Date().getTime() - EVENT.lastMouseUp < 10 ){
+    //   console.log('should prevent click?');
+    //   // return false; // prevent click and mousedown coexistence
+    // }
+    // else{
+    //   console.log('click');
+    // }
     var _this = EVENT,
         x = _this.status[_this.crsrX],
         y = _this.status[_this.crsrY],
@@ -717,6 +733,7 @@ EVENT = {
     }
     // Handle the active control selection.
     if (_newActiveControl) {
+      // console.log('click new active control');
       _this.changeActiveControl(_newActiveControl);
     }
     var _stopEvent = _clickElementIds.length;
@@ -725,6 +742,9 @@ EVENT = {
         _stopEvent--;
       }
     }
+    if( _stopEvent === 0 ){
+      Event.stop(e);
+    }
     return true;
   },
   
@@ -738,18 +758,30 @@ EVENT = {
   changeActiveControl: function(_ctrl) {
     var
     _this = EVENT,
+    _disAllowLose = true,
     // Store the currently active control so we can inform it,
     // if it's no longer the active control.
     _prevActiveCtrl = _this.activeControl;
     // Did the active control change?
-    if (_ctrl && (_ctrl !== _prevActiveCtrl) && (_ctrl._gainedActiveStatus || _prevActiveCtrl._lostActiveStatus)) {
+    if (_ctrl && (_ctrl !== _prevActiveCtrl) && (_ctrl._gainedActiveStatus || (_prevActiveCtrl && _prevActiveCtrl._lostActiveStatus))) {
       if (_prevActiveCtrl && _prevActiveCtrl._lostActiveStatus) {
         // Previously active control just lost the active status.
-        _prevActiveCtrl.active = false;
-        _prevActiveCtrl._lostActiveStatus(_ctrl);
-        if(_this.focusTrace){
-          _prevActiveCtrl.setStyle('border','2px solid green');
-          _this.prevActiveCtrl && _this.prevActiveCtrl.setStyle('border','2px solid blue');
+        if( _prevActiveCtrl ){
+          _disAllowLose = _prevActiveCtrl._lostActiveStatus(_ctrl) === false;
+          if( _disAllowLose ){
+            // console.log('disallow losing focus: ',_prevActiveCtrl.componentName,' -> ',_ctrl.componentName);
+            return;
+          }
+          // else{
+          //   console.log('allow losing focus: ',_prevActiveCtrl.componentName,' -> ',_ctrl.componentName);
+          // }
+          _prevActiveCtrl.active = false;
+          if(_this.focusTrace){
+            _prevActiveCtrl.setStyle('border','2px solid green');
+            if( _this.prevActiveCtrl ){
+              _this.prevActiveCtrl.setStyle('border','2px solid blue');
+            }
+          }
         }
         _this.prevActiveCtrl = _prevActiveCtrl;
       }
@@ -779,15 +811,19 @@ EVENT = {
   * - endDrag
   *
   **/
+  // lastMouseUp: 0,
   mouseUp: function(e) {
-    var _this = EVENT,
-        _didEndDrag = false,
-        _isLeftButton = Event.isLeftClick(e),
-        x = _this.status[_this.crsrX],
-        y = _this.status[_this.crsrY],
-        _elemId,
-        _ctrl,
-        i = 0;
+    // console.log('mouseUp',EVENT.dragItems.length);
+    // EVENT.lastMouseUp = new Date().getTime();
+    var
+    _this = EVENT,
+    _didEndDrag = false,
+    _isLeftButton = Event.isLeftClick(e),
+    x = _this.status[_this.crsrX],
+    y = _this.status[_this.crsrY],
+    _elemId,
+    _ctrl,
+    i = 0;
     _this._modifiers(e);
     // Send endDrag for the currently dragged items even when they don't have focus, and clear the drag item array.
     for (; i !== _this.dragItems.length; i++) {
@@ -820,7 +856,9 @@ EVENT = {
       if (_this.focused[i] === true) {
         _ctrl = _this.focusOptions[i].ctrl;
         if (_this.focusOptions[i].mouseUp === true) {
-          _ctrl.mouseUp(x, y, _isLeftButton);
+          if( _ctrl.mouseUp(x, y, _isLeftButton) ){
+            // Event.stop(e);
+          }
         }
       }
     }
@@ -877,7 +915,7 @@ EVENT = {
     else if (e.detail) {
       _delta = 0 - (e.detail / 3);
     }
-    if (BROWSER_TYPE.opera || BROWSER_TYPE.safari) {
+    if (BROWSER_TYPE.opera || BROWSER_TYPE.safari || BROWSER_TYPE.ie) {
       _delta = 0 - _delta;
     }
     for (; i !== _this.focused.length; i++) {

data/js/foundation/geom/rect/rect.js

@@ -122,9 +122,14 @@ HRect = HClass.extend({
       _viewId = _viewIds[i];
       _view = HSystem.views[_viewId];
       if(_view.flexRight || _view.flexBottom){
-        ELEM.flushLoop();
+        ELEM.flush();
+        if( !_view.parent ){
+          _this.updateSecondaryValues();
+          return;
+        }
         _parentElemId = _view.parent.elemId;
         _parentSize = _view.parentSize();
+        // console.log('parentSize:',JSON.stringify(_parentSize));
         _parentWidth = _parentSize[0];
         if(_view.flexRight){
           _this.right = _parentWidth - _view.flexRightOffset;
@@ -139,6 +144,13 @@ HRect = HClass.extend({
         if(!_view.flexTop){
           _this.top = _this.bottom - _this.height;
         }
+        if( _this.bottom-_this.top < 0 ){
+          _this.bottom = _this.top;
+        }
+        if( _this.right-_this.left < 0 ){
+          _this.right = _this.left;
+        }
+        // console.log(_this.left,this.top,this.right-this.left,this.bottom-this.top);
         _this.updateSecondaryValues();
       }
     }
@@ -383,18 +395,34 @@ HRect = HClass.extend({
   * of a side in common with rect, and false if it doesn't.
   *
   * = Parameters
-  * +_rect+::   A HRect instance to intersect this rect with
+  * +_rect+::      A HRect instance to intersect this rect with
+  * +_insetByX+::  Insets +_rect+ by +_insetBy+ pixels, optional
+  * +_insetByY+::  Insets +_rect+ by +_insetBy+ pixels, optional. If omitted, but +_insetByX+ is defined, then +_insetByY+ equals +_insetByX+.
   *
   * = Returns
   * A Boolean (true/false) depending on the result.
   *
   **/
-  intersects: function(_rect) {
+  intersects: function( _rect, _insetByX, _insetByY ) {
+    if( _insetByX !== undefined ){
+      _rect = HRect.nu( _rect );
+      if( _insetByY === undefined ){
+        _insetByY = _insetByX;
+      }
+      _rect.insetBy( _insetByX, _insetByY );
+    }
     return (
-      ((_rect.left >= this.left && _rect.left <= this.right) ||
-        (_rect.right >= this.left && _rect.right <= this.right)) && 
-      ((_rect.top >= this.top && _rect.top <= this.bottom) ||
-        (_rect.bottom >= this.top && _rect.bottom <= this.bottom)));
+      ( ( _rect.left >= this.left && _rect.left <= this.right ) ||
+        ( _rect.right >= this.left && _rect.right <= this.right )
+      ) && 
+      ( ( _rect.top >= this.top && _rect.top <= this.bottom) ||
+        ( _rect.bottom >= this.top && _rect.bottom <= this.bottom)
+      )
+    );
+  },
+
+  overlaps: function( _rect, _insetbyX, _insetByY ){
+    return this.intersects( _rect, _insetbyX, _insetByY );
   },
   
 /** = Description
@@ -644,6 +672,10 @@ HRect = HClass.extend({
       _viewId = this.viewIds[i];
       HSystem.views[_viewId].drawRect();
     }
+  },
+
+  toString: function(){
+    return ('[object Rect left='+this.left+' top='+this.top+' width='+this.width+' height='+this.height+' right='+this.right+' bottom='+this.bottom+']');
   }
   
 });

data/js/foundation/json_renderer/json_renderer.js

@@ -24,7 +24,7 @@
 //var//RSence.Foundation
 COMM.JSONRenderer = HClass.extend({
   
-  version: 0.8,
+  version: 1.0,
 
 /** = Description
   * Renders JSON structured data, see some of the demos for usage examples.
@@ -37,12 +37,49 @@ COMM.JSONRenderer = HClass.extend({
     if((_data['type'] === 'GUITree') && (this.version >= _data['version'])){
       this.data   = _data;
       this.parent = _parent;
+      this.byId = {};
+      this.byName = {};
       this.render();
+      var _rndr = this;
+      if( this.view.hasAncestor( HApplication ) ){
+        this.view.getViewById = function(_id){ return _rndr.getViewById(_id); };
+        this.view.getViewsByName = function(_id){ return _rndr.getViewsByName(_id); };
+      }
+      else if ( this.view.hasAncestor( HView ) ){
+        this.view.app.getViewById = function(_id){ return _rndr.getViewById(_id); };
+        this.view.app.getViewsByName = function(_id){ return _rndr.getViewsByName(_id); };
+      }
     }
     else{
       throw("JSONRenderer: Only GUITree version "+this.version+" or older data can be handled.");
     }
   },
+  getViewById: function(_id){
+    if( this.byId[_id] !== undefined ){
+      return this.byId[_id];
+    }
+    console.log('JSONRenderer; no such view Id: '+_id);
+    return null;
+  },
+  addViewId: function(_id, _view){
+    if( this.byId[_id] !== undefined ){
+      console.log('JSONRenderer; already has id: '+_id+' (replacing)');
+    }
+    this.byId[_id] = _view;
+  },
+  getViewsByName: function(_name){
+    if( this.byName[_id] !== undefined ){
+      return this.byName[_name];
+    }
+    console.log('JSONRenderer; no views named: '+_name);
+    return [];
+  },
+  addViewName: function(_name, _view){
+    if( this.byName[_name] === undefined ){
+      this.byName[_name] = [];
+    }
+    this.byName[_name].push(_view);
+  },
   render: function(){
     this.scopes = [window];
     this.scopeDepth = 0;
@@ -52,21 +89,23 @@ COMM.JSONRenderer = HClass.extend({
     this.view.die();
   },
   defineInScope: function( _definition ){
-    var _isArr = (_definition instanceof Array),
-        _isObj = (_definition instanceof Object);
+    var
+    _isArr = (_definition instanceof Array),
+    _isObj = (_definition instanceof Object);
     if( _isArr || !_isObj ){
       console.log("JSONRenderer; definition must be an Object, got: '"+(typeof _definition)+"'. Definition: ",_definition);
       return;
     }
-    var _extension = {},
-        _reserved = ['class','extend','implement'],
-        _className = _definition[_reserved[0]],
-        _extendName = _definition[_reserved[1]],
-        _implementName = _definition[_reserved[2]],
-        _extend = _extendName?this.findInScope(_extendName):false,
-        _implement = _implementName?this.findInScope(_implementName):false,
-        _scope = this.scopes[ this.scopeDepth ],
-        _key, _value;
+    var
+    _extension = {},
+    _reserved = ['class','extend','implement'],
+    _className = _definition[_reserved[0]],
+    _extendName = _definition[_reserved[1]],
+    _implementName = _definition[_reserved[2]],
+    _extend = _extendName?this.findInScope(_extendName):false,
+    _implement = _implementName?this.findInScope(_implementName):false,
+    _scope = this.scopes[ this.scopeDepth ],
+    _key, _value;
     if( _className === undefined ) {
       console.log("JSONRenderer; class name missing in definition scope.");
       return;
@@ -96,10 +135,11 @@ COMM.JSONRenderer = HClass.extend({
       return false;
     }
     if(_className.indexOf('.') !== -1){
-      var _splitClass = _className.split('.'),
-          j = 1,
-          _classPart = _splitClass[0],
-          _classFull = this.findInScope( _classPart );
+      var
+      _splitClass = _className.split('.'),
+      j = 1,
+      _classPart = _splitClass[0],
+      _classFull = this.findInScope( _classPart );
       if( !_classFull ){
         return false;
       }
@@ -130,42 +170,172 @@ COMM.JSONRenderer = HClass.extend({
     }
     return _block;
   },
+  initStraight: function( _class, _args ){
+    if( _args instanceof Array ){
+      return HClass.extend().nu.apply( _class, _args );
+    }
+    else {
+      return (new _class(_args));
+    }
+  },
+  _handleCall: function( _instance, _call ){
+    if( _call instanceof Object ){
+      var
+      _methodName, _arguments;
+      for( _methodName in _call ){
+        // console.log('methodName:',_methodName);
+        if( typeof _instance[_methodName] === 'function' ){
+          // console.log('callArguments:',_call[_methodName]);
+          try{
+            _instance[_methodName].apply( _instance, _call[_methodName] );
+          }
+          catch(e){
+            console.log('JSONRenderer handleCall error:',e.toString()+', method:',_instance[_methodName],', call args:', _call[_methodName],', e:',e);
+          }
+        }
+        else {
+          console.log('JSONRenderer handleCall error; undefined method: ',_methodName);
+        }
+      }
+    }
+    else {
+      console.log('JSONRenderer handleCall error, unable to handle call format: ',_call);
+    }
+  },
   renderNode: function( _dataNode, _parent ){
-    var // Currently only window-level classes are supported
-        _className = _dataNode['class'],
-        _class = this.findInScope( _className ),
-        
-        // Currently only HView -derived classes are supported, so 
-        // the rect is mandatory.
-        _rect = _dataNode['rect'],
-        _hasRect = (_rect !== undefined) && (_rect instanceof Array || typeof _rect === 'string'),
-        
-        // Checks, if any sub-views are defined.
-        _hasSubviews = _dataNode['subviews'] !== undefined,
-        _subViews    = _hasSubviews?_dataNode['subviews']:null,
-        
-        // Checks, if any options are defined.
-        _hasOptions  = _dataNode['options'] !== undefined,
-        _options     = _hasOptions?_dataNode['options']:null,
-        
-        // JS Extension block
-        _hasExtension = _dataNode['extend'] !== undefined,
-        _extension    = _hasExtension?_dataNode['extend']:null,
-        
-        // JS Extension block
-        _hasBind = _dataNode['bind'] !== undefined,
-        _bind    = _hasBind?_dataNode['bind']:null,
-        
-        // JS Definition block
-        _hasDefinition = _dataNode['define'] !== undefined,
-        _definitions   = _hasDefinition?_dataNode['define']:null,
-        
-        // The HView-derived class instance, instance is by default the parent
-        _instance = _parent,
-        
-        i,
-        
-        _subView;
+    var
+    _reserved = [ 'type', 'args', 'version', 'class', 'rect', 'bind', 'extend', 'options', 'subviews', 'define' ],
+    _className, _class, _origNode, _straightParams = false, _rect, _hasRect, _hasSubviews, _subViews,
+    _hasOptions, _options, _hasExtension, _extension, _hasBind, _bind,
+    _hasName, _hasId,
+    _isAppClass = false, _isViewClass = false,
+    _autoOptionItems = [
+      'label', 'style', 'visible', 'theme', 'html',
+      'value', 'enabled', 'events', 'active', 'minValue', 'maxValue'
+    ], _autoOptionItem, _hasCall, _call,
+    _hasDefinition, _definition, _instance, i, _subView = null;
+
+    // The name of the class:
+    if( !_dataNode['class'] ){
+
+      for( i in _dataNode ){
+        if( _reserved.indexOf( i ) === -1 ){
+          _className = i;
+          _origNode = _dataNode;
+          _dataNode = _dataNode[i];
+          break;
+        }
+      }
+      _straightParams = ( !(_dataNode instanceof Object) || (_dataNode instanceof Array) );
+    }
+    else {
+      _className = _dataNode['class'];
+    }
+
+    _class = this.findInScope( _className );
+    
+    if (_class['hasAncestor'] !== undefined){
+      _isAppClass = _class.hasAncestor( HApplication );
+      _isViewClass = _class.hasAncestor( HView );
+    }
+
+    _hasId = ( _dataNode['id'] !== undefined ) && ( typeof _dataNode['id'] === 'string' );
+    _hasName = ( _dataNode['name'] !== undefined ) && ( typeof _dataNode['name'] === 'string' );
+
+    if( _straightParams ){
+      _instance = this.initStraight( _class, _dataNode );
+    }
+    else if( _dataNode['args'] !== undefined ){
+      _instance = this.initStraight( _class, _dataNode['args'] );
+    }
+    else if( _origNode && _origNode['args'] !== undefined ){
+      _instance = this.initStraight( _class, _origNode['args'] );
+    }
+    if( _instance ){
+      if( _hasId ){
+        this.addViewId( _dataNode.id, _instance );
+      }
+      if( _hasName ){
+        this.addViewName( _dataNode.id, _instance );
+      }
+      return _instance;
+    }
+    
+    // Currently only HView -derived classes are supported, so
+    // the rect is mandatory.
+    _rect = _dataNode['rect'];
+    _hasRect = (_rect !== undefined) && (_rect instanceof Array || typeof _rect === 'string');
+    if( !_hasRect && _origNode){
+      _hasRect = _origNode['rect'] !== undefined;
+      _rect    = _hasRect?_origNode['rect']:null;
+    }
+    if( !_isViewClass ){
+      if( _hasRect ){
+        console.log( "renderNode warning; Supposedly rect-incompatible class supplied: "+_className );
+      }
+    }
+
+    // Checks, if any sub-views are defined.
+    _hasSubviews = _dataNode['subviews'] !== undefined;
+    _subViews    = _hasSubviews?_dataNode['subviews']:null;
+    if( !_hasSubviews && _origNode){
+      _hasSubviews = _origNode['subviews'] !== undefined;
+      _subViews    = _hasSubviews?_origNode['subviews']:null;
+    }
+    
+    // Checks, if any options are defined.
+    _hasOptions  = _dataNode['options'] !== undefined;
+    _options     = _hasOptions?_dataNode['options']:null;
+    if( !_hasOptions && _origNode){
+      _hasOptions = _origNode['options'] !== undefined;
+      _options    = _hasOptions?_origNode['options']:null;
+    }
+    for( i=0; i < _autoOptionItems.length; i++ ){
+      _autoOptionItem = _autoOptionItems[i];
+      if( _dataNode[ _autoOptionItem ] !== undefined ){
+        if( !_hasOptions ){
+          _hasOptions = true;
+          _options = {};
+        }
+        _options[_autoOptionItem] = _dataNode[ _autoOptionItem ];
+      }
+    }
+    
+    // JS Extension block
+    _hasExtension = _dataNode['extend'] !== undefined;
+    _extension    = _hasExtension?_dataNode['extend']:null;
+    if( !_hasExtension && _origNode){
+      _hasExtension = _origNode['extend'] !== undefined;
+      _extension    = _hasExtension?_origNode['extend']:null;
+    }
+    
+    // JS Extension block
+    _hasBind = _dataNode['bind'] !== undefined;
+    _bind    = _hasBind?_dataNode['bind']:null;
+    if( !_hasBind && _origNode){
+      _hasBind = _origNode['bind'] !== undefined;
+      _bind    = _hasBind?_origNode['bind']:null;
+    }
+
+    _hasCall = _dataNode['call'] !== undefined;
+    if( _hasCall ){
+      _call = _dataNode['call'];
+    }
+    
+    // JS Definition block
+    _hasDefinition = _dataNode['define'] !== undefined;
+    _definitions   = _hasDefinition?_dataNode['define']:null;
+    if( !_hasDefinition && _origNode){
+      _hasDefinition  = _origNode['define'] !== undefined;
+      _definitions    = _hasDefinition?_origNode['define']:null;
+    }
+    if( _rect === null && _class['hasAncestor'] && _class.hasAncestor( HView ) ) {
+      console.log( 'Ancestors include HView, but no rect defined!' );
+    }
+
+    // The HView-derived class instance, instance is by default the parent
+    _instance = _parent;
+    
     this.scopeDepth ++;
     this.scopes.push({});
     try{
@@ -200,35 +370,81 @@ COMM.JSONRenderer = HClass.extend({
         }
         if(_hasOptions){
           if(_hasBind){
-            _options.valueObj = COMM.Values.values[_bind];
+            if( _bind instanceof HValue ){
+              _options.valueObj = _bind;
+            }
+            else if( COMM.Values.values[_bind] !== undefined ){
+              _options.valueObj = COMM.Values.values[_bind];
+            }
+            else {
+              console.log('renderNode warning; No such valueId:'+_bind);
+            }
           }
           else{
             if(_options['valueObjId'] !== undefined){
-              var _valueObjId = _options['valueObjId'];
-              _options['valueObj'] = COMM.Values.values[_options['valueObjId']];
+              _options.valueObj = COMM.Values.values[_options['valueObjId']];
             }
           }
         }
         // For HApplication -derived classes
-        if(!_hasRect && _hasOptions){
-          _instance = _class.nu(_options);
+        if( _isAppClass ){
+          if( _hasOptions ){
+            _instance = _class.nu( _options );
+          }
+          else {
+            _instance = _class.nu();
+          }
         }
-        // For HView and HControl -derived classes
-        else if(_hasRect){
-          _instance = _class.nu(_rect,_parent,_options);
+        else if ( _isViewClass ){
+          _instance = _class.nu( _rect, _parent, _options );
+        }
+        else {
+          if( _hasRect ){
+            if( _hasOptions ){
+              _instance = _class.nu(_rect,_parent,_options);
+            }
+            else {
+              _instance = _class.nu(_rect,_parent);
+            }
+          }
+          else if ( _hasOptions ){
+            // console.log(_className,_parent,_options);
+            _instance = _class.nu( _parent, _options );
+          }
+          else {
+            // console.log('renderNode warning; unsure how to construct: '+_className+', rect:',_rect,', options:',_options);
+            _instance = _class.nu( _parent );
+          }
         }
         if(!_hasOptions){
           if(_hasBind){
-            COMM.Values.values[_bind].bind(_instance);
+            if( _bind instanceof HValue ){
+              _bind.bind( _instance );
+            }
+            else if( COMM.Values.values[_bind] !== undefined ){
+              COMM.Values.values[_bind].bind(_instance);
+            }
+            else {
+              console.log('renderNode warning; No such valueId:'+_bind);
+            }
           }
         }
       }
       else if(!(!_class && _hasSubviews)) {
         console.log('renderNode warning; No such class: '+_className+', node: ',_dataNode);
       }
+      if( _hasId ){
+        this.addViewId( _dataNode.id, _instance );
+      }
+      if( _hasName ){
+        this.addViewName( _dataNode.id, _instance );
+      }
+      if(_hasCall){
+        this._handleCall(_instance,_call);
+      }
     }
-    catch(e){
-      console.log('renderNode error:',e,', rect:',_rect,', class:',_dataNode['class'],', options:', _options);
+    catch (e){
+      console.log('renderNode error:',e.toString()+', rect:',_rect,', class:',_dataNode['class'],', options:', JSON.stringify(_options),', e:',e);
     }
     // Iterates recursively through all subviews, if specified.
     if(_hasSubviews){