Implement view port for allocation view

Source/devtools/front_end/HeapSnapshotGridNodes.js

 /*
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 1324 matching lines @@
         }[sortColumnIdentifier];
         return WebInspector.HeapSnapshotGridNode.createComparator(sortFields);
     },
 
     __proto__: WebInspector.HeapSnapshotGenericObjectNode.prototype
 }
 
 
 /**
  * @constructor
- * @extends {WebInspector.DataGridNode}
+ * @extends {WebInspector.HeapSnapshotGridNode}
  * @param {!WebInspector.AllocationDataGrid} dataGrid
  * @param {!WebInspector.HeapSnapshotCommon.SerializedAllocationNode} data
  */
 WebInspector.AllocationGridNode = function(dataGrid, data)
 {
-    WebInspector.DataGridNode.call(this, data, data.hasChildren);
-    this._dataGrid = dataGrid;
+    WebInspector.HeapSnapshotGridNode.call(this, dataGrid, data.hasChildren);
     this._populated = false;
+    this.data = data;
 }
 
 WebInspector.AllocationGridNode.prototype = {
     populate: function()
     {
         if (this._populated)
             return;
         this._populated = true;
         this._dataGrid.snapshot.allocationNodeCallers(this.data.id, didReceiveCallers.bind(this));
 
         /**
          * @param {!WebInspector.HeapSnapshotCommon.AllocationNodeCallers} callers
          * @this {WebInspector.AllocationGridNode}
          */
         function didReceiveCallers(callers)
         {
             var callersChain = callers.nodesWithSingleCaller;
             var parentNode = this;
+            var dataGrid = /** @type {!WebInspector.AllocationDataGrid} */ (this._dataGrid);
             for (var i = 0; i < callersChain.length; i++) {
-                var child = new WebInspector.AllocationGridNode(this._dataGrid, callersChain[i]);
-                parentNode.appendChild(child);
+                var child = new WebInspector.AllocationGridNode(dataGrid, callersChain[i]);
+                dataGrid.appendNode(parentNode, child);
                 parentNode = child;
                 parentNode._populated = true;
                 if (this.expanded)
                     parentNode.expand();
             }
 
             var callersBranch = callers.branchingCallers;
             callersBranch.sort(this._dataGrid._createComparator());
             for (var i = 0; i < callersBranch.length; i++)
-                parentNode.appendChild(new WebInspector.AllocationGridNode(this._dataGrid, callersBranch[i]));
+                dataGrid.appendNode(parentNode, new WebInspector.AllocationGridNode(dataGrid, callersBranch[i]));
+            dataGrid.updateVisibleNodes(true);
         }
     },
 
     /**
      * @override
      */
     expand: function()
     {
-        WebInspector.DataGridNode.prototype.expand.call(this);
+        WebInspector.HeapSnapshotGridNode.prototype.expand.call(this);
         if (this.children.length === 1)
             this.children[0].expand();
     },
 
     /**
      * @override
      * @param {string} columnIdentifier
      * @return {!Element}
      */
     createCell: function(columnIdentifier)
     {
-        var cell = WebInspector.DataGridNode.prototype.createCell.call(this, columnIdentifier);
+        var cell = WebInspector.HeapSnapshotGridNode.prototype.createCell.call(this, columnIdentifier);
 
         if (columnIdentifier !== "name")
             return cell;
 
         var functionInfo = this.data;
         if (functionInfo.scriptName) {
             var urlElement = this._dataGrid._linkifier.linkifyLocation(functionInfo.scriptName, functionInfo.line - 1, functionInfo.column - 1, "profile-node-file");
             urlElement.style.maxWidth = "75%";
             cell.insertBefore(urlElement, cell.firstChild);
         }
 
         return cell;
     },
 
     /**
      * @return {number}
      */
     allocationNodeId: function()
     {
         return this.data.id;
     },
 
-    __proto__: WebInspector.DataGridNode.prototype
+    __proto__: WebInspector.HeapSnapshotGridNode.prototype
 }