Изменения от Главреда ГитЖС | Changes of GitJS Glavred

пуск|run.js

@@ -3,6 +3,24 @@ const БИБЛИОТЕКИ = [
     "https://bitbucket.org/gitjs/uikit/raw/3.2.0/0000",
 ];
 
+
+// // // //
+
+
+ОтобразитьВыборСтрокиТаблицы = мир =>
+{
+    // Очистить выбор для всех.
+    for (var номер in мир.таблица.строки)
+    {
+        var элемент = мир.таблица.элемент(номер);
+        элемент.removeClass("пример-выбора-таблицы");
+    }
+    // Задать выбор выбранному элементу.
+    var элемент = мир.таблица.элемент(мир.номерВыбраннойСтроки);
+    элемент.addClass("пример-выбора-таблицы");
+};
+
+
 // // // //
 
 
@@ -16,46 +34,19 @@ const БИБЛИОТЕКИ = [
     {
         var строка = [
             String(номер+1),
-            "",
+            номер == 5 ? "v" : "",
             "",
             "Название_" + номер,
         ];
         строки.push(строка);
     }
     мир.таблица.задатьСтроки(строки);
-    /*
-    $("#пример-таблицы").html(`
-    
-        <thead>
-            <tr>
-                <th>№</th>
-                <th></th>
-                <th></th>
-                <th>Название ⚬ 标题 ⚬ Name</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>1</td>
-                <td></td>
-                <td></td>
-                <td>X_shaped</td>
-            </tr>
-            <tr>
-                <td>2</td>
-                <td><span uk-icon="check"></span></td>
-                <td></td>
-                <td>cat</td>
-            </tr>
-            <tr>
-                <td>3</td>
-                <td></td>
-                <td>🖼</td>
-                <td>😀</td>
-            </tr>
-        </tbody>
-    `);
-    */
+    мир.таблица.выбор = (номер) =>
+    {
+        console.debug("Выбрали номер:", номер);
+        мир.номерВыбраннойСтроки = номер;
+        мир.уведомить("выбрали строку таблицы");
+    };
     
     var вид = document.createElement("style");
     document.head.appendChild(вид);
@@ -64,6 +55,11 @@ const БИБЛИОТЕКИ = [
 {
     display: inline-block;
 }
+
+.пример-выбора-таблицы
+{
+    background: #eeeeee;
+}
     `;
 };
 

пуск|run.череда

@@ -3,4 +3,6 @@
 загрузили библиотеки
     очистить
     создать пример окна
-    создать пример таблицы
+    создать пример таблицы
+выбрали строку таблицы
+    отобразить выбор строки таблицы

таблица|table.js

@@ -11,11 +11,16 @@
         this.строки = строки;
         this.__пересобрать();
     };
+    
+    this.элемент = (номер) =>
+    {
+        return $(`#${id}-${номер}`);
+    };
 
     this.__пересобрать = () =>
     {
         this.__задатьСодержимое();
-        //this.__отслеживатьВыбор();
+        this.__отслеживатьВыбор();
     };
 
     this.__задатьСодержимое = () =>
@@ -50,12 +55,31 @@
                     var значение = столбцы[н];
                     строка += `<td>${значение}</td>`;
                 }
-                тело += `<tr>${строка}</tr>`;
+                тело += `<tr id="${id}-${номер}">${строка}</tr>`;
             }
             содержимое += `<tbody>${тело}</tbody>`;
         }
         
         $(`#${id}`).html(содержимое);
     };
+    
+    this.__отслеживатьВыбор = () =>
+    {
+        if (!(this.строки && this.строки.length))
+        {
+            return;
+        }
+        var тут = this;
+        for (var номер in this.строки)
+        {
+            const номерСтроки = номер;
+            $(`#${id}-${номер}`).click(function() {
+                if (тут.выбор)
+                {
+                    тут.выбор(номерСтроки);
+                }
+            });
+        }
+    };
 
 };