implements #13, dynamic rowHeight

Author: gmsa

src/App.vue

@@ -21,10 +21,12 @@
             <input type="checkbox" v-model="draggable"/> Draggable
             <input type="checkbox" v-model="resizable"/> Resizable
             <br/>
+            Row Height: <input type="number" v-model="rowHeight"/>
+            <br/>
             <grid-layout
                     :layout="layout"
                     :col-num="12"
-                    :row-height="30"
+                    :row-height="rowHeight"
                     :is-draggable="draggable"
                     :is-resizable="resizable"
                     :vertical-compact="true"
@@ -93,6 +95,7 @@
                 layout: JSON.parse(JSON.stringify(testLayout)),
                 draggable: true,
                 resizable: true,
+                rowHeight: 30,
                 colNum: 0,
                 index: 0
             }

src/GridItem.vue

@@ -202,11 +202,11 @@
             eventBus.$on('setResizable', function(isResizable) {
                 self.isResizable = isResizable;
             });
-            /*eventBus.$on('setRowHeight', function(rowHeight) {
-                this.rowHeight = rowHeight;
+            eventBus.$on('setRowHeight', function(rowHeight) {
+                self.rowHeight = rowHeight;
             });
-            eventBus.$on('setColNum', function(colNum) {
-                this.cols = colNum;
+            /*eventBus.$on('setColNum', function(colNum) {
+                self.cols = colNum;
             });*/
             var direction = (document.dir !=undefined) ?
                 document.dir :
@@ -275,6 +275,9 @@
                     });
                 }
             },
+            rowHeight: function() {
+                this.createStyle();
+            },
             cols: function() {
                 this.createStyle();
             },

src/GridLayout.vue

@@ -152,6 +152,9 @@
             layout: function () {
                 this.layoutUpdate();
             },
+            rowHeight: function() {
+                eventBus.$emit("setRowHeight", this.rowHeight);
+            },
             isDraggable: function() {
                 eventBus.$emit("setDraggable", this.isDraggable);
             },