Fixed #2269

primefaces · Aug 10, 2017 · 8789fc2 · 8789fc2
1 parent 8814791
commit 8789fc2
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/src/app/components/treetable/treetable.ts b/src/app/components/treetable/treetable.ts
@@ -11,7 +11,7 @@ import {DomHandler} from '../dom/domhandler';
     template: `
         <div class="ui-treetable-row" [ngClass]="{'ui-state-highlight':isSelected(),'ui-treetable-row-selectable':treeTable.selectionMode && node.selectable !== false}">
             <td *ngFor="let col of treeTable.columns; let i=index" [ngStyle]="col.style" [class]="col.styleClass" (click)="onRowClick($event)" (dblclick)="rowDblClick($event)" (touchend)="onRowTouchEnd()" (contextmenu)="onRowRightClick($event)">
-                <a href="#" *ngIf="i == treeTable.toggleColumnIndex" class="ui-treetable-toggler fa fa-fw ui-clickable" [ngClass]="{'fa-caret-down':node.expanded,'fa-caret-right':!node.expanded}"
+                <a href="#" *ngIf="i == treeTable.toggleColumnIndex" class="ui-treetable-toggler fa fa-fw ui-clickable" [ngClass]="node.expanded ? treeTable.expandedIcon : treeTable.collapsedIcon"
                     [ngStyle]="{'margin-left':level*16 + 'px','visibility': isLeaf() ? 'hidden' : 'visible'}"
                     (click)="toggle($event)"
                     [title]="node.expanded ? labelCollapse : labelExpand">
@@ -171,6 +171,10 @@ export class TreeTable implements AfterContentInit {
     @Input() tableStyle: any;
 
     @Input() tableStyleClass: string;
+
+    @Input() collapsedIcon: string = "fa-caret-right";
+
+    @Input() expandedIcon: string = "fa-caret-down";
 
     @Output() onRowDblclick: EventEmitter<any> = new EventEmitter();    
 

diff --git a/src/app/showcase/components/treetable/treetabledemo.html b/src/app/showcase/components/treetable/treetabledemo.html
@@ -650,6 +650,18 @@ <h3>Properties</h3>
                             <td>Collapse</td>
                             <td>Tooltip and screenreader text for collapse icon.</td>
                         </tr>
+                        <tr>
+                           <td>expandedIcon</td>
+                           <td>string</td>
+                           <td>fa-caret-down</td>
+                           <td>Icon to display on an expanded node.</td>
+                       </tr>
+                        <tr>
+                           <td>collapsedIcon</td>
+                           <td>string</td>
+                           <td>fa-caret-right</td>
+                           <td>Icon to display on an expanded node.</td>
+                       </tr>
                         <tr>
                             <td>selectionMode</td>
                             <td>string</td>