Permit mm-grid without recycling

MediaMath · Jul 28, 2015 · 1535a17 · 1535a17
1 parent 77c8c35
commit 1535a17
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 2 deletions.
diff --git a/src/mm-grid/mm-grid.html b/src/mm-grid/mm-grid.html
@@ -11,7 +11,7 @@
 <link rel="import" href="../mm-checkbox/mm-checkbox.html">
 <link rel="import" href="../mm-icon/mm-icon.html">
 <link rel="import" href="../mm-loader/mm-loader.html">
-<polymer-element name="mm-grid" on-column-sort="{{onColumnSort}}" on-column-resize-start="{{onColumnResizeStart}}" on-column-resize="{{onColumnResize}}" on-column-resize-end="{{onColumnResizeEnd}}" on-item-selected="{{onItemSelected}}">
+<polymer-element name="mm-grid" attributes="recycle" on-column-sort="{{onColumnSort}}" on-column-resize-start="{{onColumnResizeStart}}" on-column-resize="{{onColumnResize}}" on-column-resize-end="{{onColumnResizeEnd}}" on-item-selected="{{onItemSelected}}">
 	<template>
 		<link href="mm-grid.css" rel="stylesheet" type="text/css"/>
 		<mm-item-recycler id="viewport" viewportWidth="{{viewportWidth}}" itemTemplate="{{itemTemplate}}" data="{{data}}" scope="{{}}" index="{{index}}" on-scroll="{{onScroll}}">

diff --git a/src/mm-grid/mm-grid.js b/src/mm-grid/mm-grid.js
@@ -42,7 +42,8 @@
 			expandable: false,
 			sortField: "",
 			sortOrder: 1,
-			isLoading: false
+			isLoading: false,
+			recycle: "true",
 		},
 
 		expanded: false,
@@ -59,6 +60,20 @@
 			this.itemTemplate = this.itemTemplate || this.$.defaultTemplate;
 		},
 
+		_originalStylePosition: "absolute",
+
+		recycleChanged: function () {
+			if (this.recycle === "false") {
+				this._originalStylePosition = this.$.viewport.style.position;
+				this.$.viewport.style.position = "static";
+				if (this.$.viewport.data) {
+					this.resizeViewport();
+				}
+			} else {
+				this.$.viewport.style.position = this._originalStylePosition;
+			}
+		},
+
 		initializeColumns: function() {
 			if(this.$.columns.getDistributedNodes().length > 0) {
 				this.columnsExist = true;
@@ -73,6 +88,10 @@
 			}
 		},
 
+		resizeViewport: function () {
+			this.$.viewport.resizeViewport();
+		},
+
 		columnsChanged: function() {
 			this.columnsMap = arrayToMap(this.columns, "field");
 		},

diff --git a/src/mm-item-recycler/mm-item-recycler.js b/src/mm-item-recycler/mm-item-recycler.js
@@ -247,6 +247,8 @@ found here: https://github.com/Polymer/core-list
 			this._inferDefaultHeight = false;
 
 			this._viewportHeight = viewportHeight - this.$.list.offsetTop;
+
+			this.async(this.resizeViewport);
 		},
 
 		recalculateCounts: function (viewportHeight, itemsPerPanel) {