This commit is contained in:
郑茂强 2018-10-15 17:39:28 +08:00
parent a60faa1cbd
commit ea3b9d82c9

View File

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