refactored everything

Author: grimmpp

index.html

@@ -18,37 +18,45 @@
         <script type="text/javascript">
             /** Generate Test Data */
             var testData = []
-            for(var i=0; i<100; i++) {
+            for(var i=0; i<1000; i++) {
                 testData.push({
-                    No1: Math.floor(100000 + Math.random() * 900000),
-                    No2: Math.floor(100000 + Math.random() * 900000),
-                    No3: Math.floor(100000 + Math.random() * 900000)
+                    No1: Math.round(Math.random() * Math.pow(10, Math.random()*10)),
+                    No2: Math.round(Math.random() * Math.pow(10, Math.random()*10)),
+                    No3: Math.round(Math.random() * Math.pow(10, Math.random()*10))
                 })
             }
 
             /** Table creation */
-            var scrollableTable = new scrollableTable('scrollableTable', 'wrapper')
+            var scrollableTable = new scrollableTable(/* unique id */ 'scrollableTable', /* HTML wrapper id */ 'wrapper', /* enable logging*/ true)
             scrollableTable.setTableHeader(["Number 1", "Number 2", "Number 3"])
             scrollableTable.setTableContent(testData, "testDataEventType", ["No1", "No2", "No3"])
             /* optional */ scrollableTable.setTableHeight( () => { return $( window ).height() - 166 } )
-                           // or e.g.: scrollableTable.setTableHeight(500)
+                           // or alternatively e.g.: scrollableTable.setTableHeight(500)
+            /* optional */ scrollableTable.expandTree()
+            // /* optional */ scrollableTable.collapseTree()
             /* optional */ scrollableTable.setCompareFunctionForSorting( function(a,b) {
                 return a.localeCompare(b, undefined, {usage: 'sort', numeric: true, sensitivity: 'base'}) 
             })
             /* optional */ scrollableTable.sortByColumnName("Number 1")
 
-            /** Event processing */
-            $( document ).on("testDataEventType", function(event, rowId) {
-                if (rowId !== "") {
+
+            /** 
+             * Event processing 
+             * return: data type: {rowId: '<<STRING>>', data: {<<ORIGINAL DATA ENTRY of the selected row>>}} or null if nothing is selected
+            */
+            $( document ).on("testDataEventType", function(event, data) {
+                if (data !== null) {
                     $('#displayArea').html(
-                        "'testDataEventType' from row with ID: "+rowId +" was triggered.\n\n"+ 
+                        "'testDataEventType' from row with ID: '" + data.rowId +"' was triggered.\n\n"+ 
                         "Row data: \n" +
-                        JSON.stringify( testData[rowId], null, 4) )
-                } else {
+                        JSON.stringify( data.data, null, 4) )
+                }
+                else {
                     $('#displayArea').html("Chick on a row to display its content here.")
                 }
             });
 
+
             function filterTable() {
                 var filterString = $('#searchField').val()
                 scrollableTable.filter(filterString)