DooHTML-keyed-reverted-to-v0.30.8-with-minor-mods

Author: Henrik jJaven

frameworks/keyed/doohtml/js/Main.class.js

@@ -79,20 +79,20 @@ Doo.define(
 		}  
 
 		run() {
-			this.clear()
 			this.data.rows = this.buildData()
+			this.tbody.textContent = ''
 			this.renderTable()
-
 		}
 
 		add() {
+			let startRow = this.data.rows.length
 			this.data.rows = this.data.rows.concat(this.buildData())
-			this.renderTable(this.data.rows)
+			this.appendData(this.tbody, startRow)
 		}    
 
 		runLots() {
-			this.clear()
 			this.data.rows = this.buildData(10000)
+			this.tbody.textContent = ''
 			this.renderTable()
 		}
 
@@ -106,16 +106,12 @@ Doo.define(
 			if (this.selectedRow) {
 				this.selectedRow.classList.remove('danger')
 				this.selectedRow = undefined
+				//	return  should toggle IMO
 			}
-			this.toggleSelect(this.getParentRow(elem))
-		}
-
-		toggleSelect(row) {
+			let row = this.getParentRow(elem)
 			if (row) {
 				row.classList.toggle('danger')
-				if (row.classList.contains('danger')) {
-					this.selectedRow = row
-				}	
+				this.selectedRow = row
 			}    
 		}
 
@@ -129,7 +125,7 @@ Doo.define(
 				let node1 = this.tbody.childNodes[1]
 				let node2 = this.tbody.childNodes[998]
 
-				let row1 = this.data.rows[1]
+				let row1 = this.data.rows[1];
 				this.data.rows[1] = this.data.rows[998]
 				this.data.rows[998] = row1
 

frameworks/keyed/doohtml/js/doo.html.min.js

@@ -1,6 +1,6 @@
 {
     "name": "js-framework-benchmark-doohtml",
-    "version": "0.60.3",
+    "version": "0.30.8",
     "description": "DooHTML JS-Benchmark",
     "main": "Main.class.js",
     "js-framework-benchmark": {

frameworks/keyed/doohtml/package.json

@@ -2,6 +2,6 @@
 <template>
 	<table class="table table-hover table-striped test-data">
 		<link href="${link}" rel="stylesheet">
-		<tbody id="tbody"><tr bind="rows"><td class="col-md-1">{{id}}</td><td class="col-md-4"><a>{{label}}</a></td><td class="col-md-1"><a class="remove"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td><td class="col-md-6"></td></tr></tbody>
+		<tbody id="tbody"><tr bind="rows" key="{{id}}"><td class="col-md-1">{{id}}</td><td class="col-md-4"><a>{{label}}</a></td><td class="col-md-1"><a class="remove"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td><td class="col-md-6"></td></tr></tbody>
 	</table>
 </template>