Actions can now have an additional field id

almende · Apr 8, 2015 · ed01450 · ed01450
1 parent fba347c
commit ed01450
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 3 deletions.
diff --git a/js/src/treegrid/CHANGELOG b/js/src/treegrid/CHANGELOG
@@ -2,6 +2,11 @@ CHAP Links Library - TREEGRID
 http://almende.github.com/chap-links-library/
 
 
+2015-04-08, version 1.6.0
+
+- Actions can now have an additional field `id`.
+
+
 2015-04-07, version 1.5.0
 
 - Implemented selective drag and drop: the DataConnector where the items

diff --git a/js/src/treegrid/doc/index.html b/js/src/treegrid/doc/index.html
@@ -388,6 +388,13 @@ <h3><a name="Special_fields" id="Special_fields"></a>Special fields</h3>
                 <td>The height of the action icon or text, for example '32px'.</td>
             </tr>
 
+            <tr>
+                <td>id</td>
+                <td>*</td>
+                <td>no</td>
+                <td>An id for the action.</td>
+            </tr>
+
             <tr>
                 <td>image</td>
                 <td>String</td>

diff --git a/js/src/treegrid/examples/example05_events_and_actions.html b/js/src/treegrid/examples/example05_events_and_actions.html
@@ -45,7 +45,7 @@
           'name': 'Department ' + chars.charAt(index),
           'employees': personCount,
           'sales': '$ ' + (10 + personCount * 10 * Math.round(7 * Math.random())) + '.000'
-        }
+        };
         department.persons = createPersons(personCount);
         department._actions = [
           {'event': 'delete', 'title': 'Delete this department', 'image': 'img/24/Close-2-icon.png'}
@@ -63,12 +63,12 @@
         return new links.DataTable(departments);
       }      
 
-      function createPerson(index, count) {
+      function createPerson(index) {
         var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
         var person = {
           'name': '<img src="img/24/Preppy-icon.png" class="icon"> Person '+ chars[index],
           'age': Math.round(20 + Math.random() * 40)
-        }
+        };
 
         person._actions = [
           {'event': 'edit', 'image': 'img/24/Document-Write-icon.png'},

diff --git a/js/src/treegrid/treegrid.js b/js/src/treegrid/treegrid.js
@@ -505,6 +505,7 @@ links.TreeGrid.Node.createActionIcons = function (node, actions) {
                 domAction.title = action.title || '';
                 domAction.src = action.image;
                 domAction.event = action.event;
+                domAction.id = action.id;
                 domAction.item = node;
                 domAction.style.width = action.width || '';
                 domAction.style.height = action.height || '';
@@ -519,6 +520,7 @@ links.TreeGrid.Node.createActionIcons = function (node, actions) {
                 domAction.title = action.title || '';
                 domAction.innerHTML = action.text ? action.text : action.event;
                 domAction.event = action.event;
+                domAction.id = action.id;
                 domAction.item = node;
                 domAction.style.width = action.width || '';
                 domAction.style.height = action.height || '';