updated container

totemstech · Apr 17, 2012 · 3e74de0 · 3e74de0
1 parent 7b7d0fd
commit 3e74de0
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 11 deletions.
diff --git a/cell-0.2.min.js b/cell-0.2.min.js
diff --git a/src/cell.js b/src/cell.js
@@ -62,11 +62,13 @@ CELL.cell = function(spec, my) {
   var _super = {};
   var my = my || {};
 
-  my.element = null;               /* stores the HTML element handled by this cell */
   my.path = spec.path || '/';      /* the current cell path */
+  my.container = spec.container;   /* the top level container */
+
   my.children = my.children || {}; /* cell children, created at build time */
   my.json = my.json || {};         /* cell json, always up to date */
-  my.container = spec.container;   /* the top level container */
+
+  my.element = null;               /* stores the HTML element handled by this cell */
 
   // public
   var build;     /* build();       */
@@ -134,8 +136,9 @@ CELL.cell = function(spec, my) {
     my.json = json;
 
     for(var c in my.children) {
-      if(my.children.hasOwnProperty(c))
-        my.children[c].refresh(json[c]);
+      if(my.children.hasOwnProperty(c) && 
+         typeof my.json[c] !== 'undefined')
+        my.children[c].refresh(my.json[c]);
     }
     bind();
   };

diff --git a/src/container.js b/src/container.js
@@ -50,17 +50,38 @@ CELL.container = function(spec, my) {
   var my = my || {};
 
   my.name = spec.name || '';       /* the container name */
-  my.children = {};                /* cell children, created at build time */
+
+  my.children = my.children || {}; /* container children, created at build time */
+  my.json = my.json || {};         /* container json */
 
   // public
   var find;      /* find(path);    */
 
   // protected
-  var load;      /* load();   */
+  var load;      /* load();    */
+  var refresh;   /* refresh(); */
 
 
   var that = CELL.emitter({});
 
+  /**
+   * RECURSIVE FUNCTION
+   * Recursively refreshes the elements children. refresh should be implemented
+   * and `_super.refresh()` called when suited. The refresh function must be in
+   * charge of updating the UI with the updated json data passed recursively.
+   * @param data the update data to use to refresh the UI
+   */
+  refresh = function(json) {
+    if(typeof json !== 'undefined')
+      my.json = json;
+
+    for(var c in my.children) {
+      if(my.children.hasOwnProperty(c) && 
+         typeof my.json[c] !== 'undefined')
+        my.children[c].refresh(json[c]);
+    }
+  };
+
   /**
    * RECURSIVE FUNCTION
    * Recursively finds a cell by its path. useful to call a method exposed
@@ -90,11 +111,13 @@ CELL.container = function(spec, my) {
 
 
 
-  CELL.method(that, 'find', find, _super);
   CELL.method(that, 'load', load, _super);
+  CELL.method(that, 'refresh', refresh, _super);
+  CELL.method(that, 'find', find, _super);
 
   CELL.getter(that, 'children', my, 'children');
   CELL.getter(that, 'name', my, 'name');
+  CELL.getter(that, 'json', my, 'json');
 
   return that;
 };