From ea3b9d82c9a8d756b87bfcf557f3d6f72c0e94ba Mon Sep 17 00:00:00 2001
From: Maoqiang Zheng <soymikey@163.com>
Date: Mon, 15 Oct 2018 17:39:28 +0800
Subject: [PATCH] initial

---
 src/script/classes.ts | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/script/classes.ts b/src/script/classes.ts
index 4a8b850..0441b36 100644
--- a/src/script/classes.ts
+++ b/src/script/classes.ts
@@ -11,6 +11,7 @@ class Table {
   }
   render(cell) {
     // clear children elements
+    const allCells = [];
     var myNode = document.getElementById("table");
     while (myNode.firstChild) {
       myNode.removeChild(myNode.firstChild);
@@ -24,10 +25,12 @@ class Table {
 
       for (var j = 0; j < this.columnLength; j++) {
         var letter = String.fromCharCode("A".charCodeAt(0) + j - 1);
-        const instanceOfCell = new cell(letter + i);
+        const instanceOfCell = new cell("cell" + letter + i);
         const newCell = row.insertCell(-1);
-
+        newCell.id = "cell" + letter + i;
+        // allCells.push(instanceOfCell);
         newCell.addEventListener("click", () => {
+          instanceOfCell.setColspan(5);
           console.log(instanceOfCell);
           this.showCellDetails(instanceOfCell);
         });
@@ -54,11 +57,7 @@ class Table {
         const cellButtonElement = document.createElement("button");
         cellButtonElement.innerHTML = "确定";
         // cellButtonElement.onclick = function() {
-        //   const test: HTMLTableElement = <HTMLTableElement>(
-        //     document.getElementById(instanceOfCell.cellId)
-        //   );
-        //   instanceOfCell[key] = test.value;
-        //   console.log(instanceOfCell);
+        //   const inputElement = document.getElementById(instanceOfCell.cellId);
         // };
 
         cellLableElement.innerHTML = key;
@@ -95,8 +94,8 @@ class Cell {
   setBorder(newBorder: number) {
     this.border = newBorder;
   }
-  setWidth(newWidth: number) {
-    this.width = newWidth;
+  setColspan(newColspan: number) {
+    this.colspan = newColspan;
   }
 }