wangzongwangle
diff --git a/‎frameworks/keyed/doohtml/index.html‎
Lines changed: 2 additions & 1 deletion b/‎frameworks/keyed/doohtml/index.html‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎frameworks/keyed/doohtml/js/Main.class.js‎
Lines changed: 23 additions & 5 deletions b/‎frameworks/keyed/doohtml/js/Main.class.js‎
Lines changed: 23 additions & 5 deletions
@@ -7,7 +7,8 @@
   <link href="/css/currentStyle.css" rel="stylesheet"/>
   <link href="./js/doo.html.min.js" rel="preload" as="script"/>
   <script src="./js/doo.html.min.js"></script>
-  <script type="module" src="./js/Main.class.js"></script>
+  <script type="module" src="./js/Main.class.js" defer ></script>
+
  </head>
 
 <body>
 
@@ -57,19 +57,32 @@ Doo.define(
 			}
 			return data	
 		}
+		getIndex(row) {
+			let idx =  this.data.rows.findIndex((item, i) => {
+				if (item.id === row.key) {
+					return i
+				}
+			}) 
+			return idx
+		}
 
 		delete(elem) {
 			let row = this.getParentRow(elem)
 			if (row) {
 				this.tbody.removeChild(row)
-				this.data.rows[row.getAttribute('key')] = undefined
+				let idx = this.getIndex(row)
+				if (idx !== undefined) {
+					this.data.rows.splice(idx,1)
+				}
+
 			}
 		}  
 
 		run() {
 			this.clear()
 			this.data.rows = this.buildData()
 			this.renderTable()
+
 		}
 
 		add() {
@@ -83,7 +96,7 @@ Doo.define(
 			this.renderTable()
 		}
 
-		update(e) {
+		update() {
 			for (let i=0, len = this.data.rows.length;i<len;i+=10) {
 				this.tbody.childNodes[i].childNodes[1].childNodes[0].innerText = this.data.rows[i].label += ' !!!'
 			}
@@ -94,10 +107,15 @@ Doo.define(
 				this.selectedRow.classList.remove('danger')
 				this.selectedRow = undefined
 			}
-			let row = this.getParentRow(elem)
+			this.toggleSelect(this.getParentRow(elem))
+		}
+
+		toggleSelect(row) {
 			if (row) {
 				row.classList.toggle('danger')
-				this.selectedRow = row
+				if (row.classList.contains('danger')) {
+					this.selectedRow = row
+				}	
 			}    
 		}
 
@@ -138,6 +156,6 @@ Doo.define(
 					this.swapRows()
 				}
 			})    
-    	}   
+    	}
 	}
 )
Original file line number	Diff line number	Diff line change
`@@ -57,19 +57,32 @@ Doo.define(`
`57`	`57`	`}`
`58`	`58`	`return data`
`59`	`59`	`}`
	`60`	`+ getIndex(row) {`
	`61`	`+ let idx = this.data.rows.findIndex((item, i) => {`
	`62`	`+ if (item.id === row.key) {`
	`63`	`+ return i`
	`64`	`+ }`
	`65`	`+ })`
	`66`	`+ return idx`
	`67`	`+ }`
`60`	`68`
`61`	`69`	`delete(elem) {`
`62`	`70`	`let row = this.getParentRow(elem)`
`63`	`71`	`if (row) {`
`64`	`72`	`this.tbody.removeChild(row)`
`65`		`- this.data.rows[row.getAttribute('key')] = undefined`
	`73`	`+ let idx = this.getIndex(row)`
	`74`	`+ if (idx !== undefined) {`
	`75`	`+ this.data.rows.splice(idx,1)`
	`76`	`+ }`
	`77`	`+`
`66`	`78`	`}`
`67`	`79`	`}`
`68`	`80`
`69`	`81`	`run() {`
`70`	`82`	`this.clear()`
`71`	`83`	`this.data.rows = this.buildData()`
`72`	`84`	`this.renderTable()`
	`85`	`+`
`73`	`86`	`}`
`74`	`87`
`75`	`88`	`add() {`
`@@ -83,7 +96,7 @@ Doo.define(`
`83`	`96`	`this.renderTable()`
`84`	`97`	`}`
`85`	`98`
`86`		`- update(e) {`
	`99`	`+ update() {`
`87`	`100`	`for (let i=0, len = this.data.rows.length;i<len;i+=10) {`
`88`	`101`	`this.tbody.childNodes[i].childNodes[1].childNodes[0].innerText = this.data.rows[i].label += ' !!!'`
`89`	`102`	`}`
`@@ -94,10 +107,15 @@ Doo.define(`
`94`	`107`	`this.selectedRow.classList.remove('danger')`
`95`	`108`	`this.selectedRow = undefined`
`96`	`109`	`}`
`97`		`- let row = this.getParentRow(elem)`
	`110`	`+ this.toggleSelect(this.getParentRow(elem))`
	`111`	`+ }`
	`112`	`+`
	`113`	`+ toggleSelect(row) {`
`98`	`114`	`if (row) {`
`99`	`115`	`row.classList.toggle('danger')`
`100`		`- this.selectedRow = row`
	`116`	`+ if (row.classList.contains('danger')) {`
	`117`	`+ this.selectedRow = row`
	`118`	`+ }`
`101`	`119`	`}`
`102`	`120`	`}`
`103`	`121`
`@@ -138,6 +156,6 @@ Doo.define(`
`138`	`156`	`this.swapRows()`
`139`	`157`	`}`
`140`	`158`	`})`
`141`		`- }`
	`159`	`+ }`
`142`	`160`	`}`
`143`	`161`	`)`