ludo / jquery-plugins Goto Github PK

   function parentOf(node) {
     var classNames = node[0].className.split(' ');
-    
+
     for(key in classNames) {
       if(classNames[key].match(options.childPrefix)) {
-        return $("#" + classNames[key].substring(9));
+        return $("#" + classNames[key].substring(options.childPrefix.length));
       }
     }
   };

+
+  fillRow = function(tr, klass, name, content)
+  {
+    var span = document.createElement('span');
+    span.className = klass;
+    span.innerHTML = name;
+
+    var td = document.createElement('td');
+    td.appendChild(span);
+    tr.appendChild(td);
+
+    td = document.createElement('td');
+    td.innerHTML = content;
+    tr.appendChild(td);
+
+    return tr;
+  }
+
+ 
+  $.fn.treeTable.createLazyParent = function(id, klass, name, content, parentid)
+  {
+    var tr = document.createElement('tr');
+    tr.id = id;
+    if (parentid)
+      tr.className = "lazyfill parent node child-of-" + parentid;
+    else    
+      tr.className = "lazyfill parent node";

+    return fillRow(tr, klass, name, content);
+  }
+
+  $.fn.treeTable.createChild = function(id, klass, name, content, parentid, oddrow)
+  {
+    tr = document.createElement('tr');
+    tr.id = id;
+    if(parentid)
+      parentid = "child-of-" + parentid;
+
+    if(oddrow)
+      tr.className = "odd " + parentid;
+    else
+      tr.className = "even " + parentid;
+
+    return fillRow(tr, klass, name, content);
+  }
+
   $.fn.treeTable.defaults = {
     childPrefix: "child-of-",
     clickableNodeNames: false,
     expandable: true,
     indent: 19,
     initialState: "collapsed",
-    treeColumn: 0
+    treeColumn: 0,
+    lazyfiller:null
   };
-  
+
   // Recursively hide all node's children in a tree
   $.fn.collapse = function() {
     $(this).addClass("collapsed");
-    
+
     childrenOf($(this)).each(function() {
       if(!$(this).hasClass("collapsed")) {
         $(this).collapse();
       }
-      
+
       this.style.display = "none"; // Performance! $(this).hide() is slow...
     });
-    
+
     return this;
   };
-  
+
   // Recursively show all node's children in a tree
   $.fn.expand = function() {
     $(this).removeClass("collapsed").addClass("expanded");
-    
+
+    if (options.lazyfiller && $(this).hasClass("lazyfill"))
+    {
+      $(this).removeClass("lazyfill");
+      options.lazyfiller(this)
+    }
+
     childrenOf($(this)).each(function() {
       initialize($(this));
-      
+
       if($(this).is(".expanded.parent")) {
         $(this).expand();
       }

    var nodectr = 1;

    lazyfillerdemo = function(parent)
    {
       tr1 = $.fn.treeTable.createLazyParent ("lazynode-" + nodectr, "folder", "node-" + nodectr, "asdfasdf n" + nodectr);
       tr2 = $.fn.treeTable.createChild("lazychild-a-" + nodectr, "folder", "child-a-" + nodectr, "asdfasdf ca" + nodectr, null, false);
       tr3 = $.fn.treeTable.createChild("lazychild-b-" + nodectr, "folder", "child-b-" + nodectr, "asdfasdf cb" + nodectr, null, true);

       nodectr++;

       $(tr3).appendBranchTo(parent[0]);
       $(tr2).appendBranchTo(parent[0]);
       $(tr1).appendBranchTo(parent[0]);
    }

    $(".example").treeTable({ lazyfiller: lazyfillerdemo});