diff --git a/src/tree-grid-directive.js b/src/tree-grid-directive.js index e169d9c..f86ae04 100644 --- a/src/tree-grid-directive.js +++ b/src/tree-grid-directive.js @@ -6,7 +6,7 @@ function ($templateCache) { $templateCache.put('template/treeGrid/treeGrid.html', "
\n" + - " \n" + + "
\n" + " \n" + " \n" + " \n" + @@ -15,13 +15,14 @@ " \n" + " \n" + " \n" + - " \n" + "
{{expandingProperty.displayName || expandingProperty.field || expandingProperty}}{{expandingProperty.displayName || expandingProperty.field || expandingProperty}}
" + - " \n" + - " {{row.branch[expandingProperty.field] || row.branch[expandingProperty]}}\n" + + " ng-class=\"'level-' + {{ row.level }} + (row.branch.selected ? ' active':'')\" class=\"tree-grid-row\" role=\"row\" aria-level=\"{{row.level}}\">\n" + + " \n" + + " 0\" href=\"javascript:void(0);\" ng-click=\"user_clicks_branch(row.branch)\" aria-expanded=\"{{row.branch.expanded}}\" role=\"button\" class=\"indented\">\n" + + " \n" + + " \n" + + " {{row.branch[expandingProperty.field] || row.branch[expandingProperty]}}\n" + + " \n" + + " {{row.branch[expandingProperty.field] || row.branch[expandingProperty]}}\n" + " \n" + "
\n" + @@ -111,6 +112,11 @@ return; } + scope.user_click_exists = function () { + var exists = angular.isDefined(attrs.onClick); + return exists; + }; + var getExpandingProperty = function getExpandingProperty() { if (attrs.expandOn) { expandingProperty = scope.expandOn; @@ -213,6 +219,7 @@ } }; scope.user_clicks_branch = function (branch) { + branch.expanded = !branch.expanded; if (branch !== selected_branch) { return select_branch(branch); }