From 25cf0772713e2bba8cb2a1df67edbdf582ed22fd Mon Sep 17 00:00:00 2001
From: liteng <930372551@qq.com>
Date: Wed, 12 Dec 2018 21:16:09 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=89=E4=B8=AD=E8=A1=A8=E6=A0=BC=E8=A1=8C?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ShadowEditor.Web/src/ui/DataTable.js | 30 ++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/ShadowEditor.Web/src/ui/DataTable.js b/ShadowEditor.Web/src/ui/DataTable.js
index 1362c551..d1b946e3 100644
--- a/ShadowEditor.Web/src/ui/DataTable.js
+++ b/ShadowEditor.Web/src/ui/DataTable.js
@@ -13,6 +13,8 @@ function DataTable(options = {}) {
 
     this.cls = options.cls || 'Table';
     this.style = options.style || null;
+
+    this.selected = null;
 }
 
 DataTable.prototype = Object.create(Control.prototype);
@@ -68,6 +70,26 @@ DataTable.prototype.render = function () {
     this.body.className = 'body';
     this.dom.appendChild(this.body);
 
+    function clickRow(event) {
+        var tr = event.target.parentNode;
+        var index = tr.getAttribute('data-index'); // tr
+        this.selected = this.rows[index];
+
+        var tds = tr.parentNode.children;
+
+        for (var i = 0; i < tds.length; i++) {
+            Object.assign(tds[i].style, {
+                backgroundColor: '',
+                color: ''
+            });
+        }
+
+        Object.assign(tds[index].style, {
+            backgroundColor: '#08f',
+            color: '#fff'
+        });
+    }
+
     this.rows.forEach((n, i) => {
         var tr = document.createElement('tr');
 
@@ -93,8 +115,16 @@ DataTable.prototype.render = function () {
             tr.appendChild(td);
         });
 
+        tr.setAttribute('data-index', i);
+
+        tr.addEventListener('click', clickRow.bind(this));
+
         this.body.appendChild(tr);
     });
 };
 
+DataTable.prototype.getSelected = function () {
+    return this.selected;
+};
+
 export default DataTable;
\ No newline at end of file