Привет, у меня есть требование, что в p-treeTable мне нужно иметь несколько p-treeTableCheckbox, все флажки должны работать по-разному - PullRequest
0 голосов
/ 18 декабря 2018

в этом изображении нам нужно, если я выберу флажок первой строки, должен быть отмечен весь столбец, который был корневым, после этого корня у нас есть модуль, поэтому, если я выбираю модуль, то все дочерние элементы должны выбирать автоматически, я могучтобы получить данные строк на основе выбора.но не в состоянии проверить.Это была предопределенная функциональность p-treeTableCheckbox.

<select [(ngModel)]="userRolelevelId" (change)="getRolesyuserRolelevelId(userRolelevelId)" >
                    <option *ngFor="let pow of allUserRoleLevelList" [value]="pow.userRoleLevelId">{{pow.description}}</option>
                </select>
                </div>
                <hr />
                <div>
                    <p-treeTable [value]="gridData" [columns]="cols1" selectionMode="checkbox" [(selection)]="selectedNode">

                        <ng-template pTemplate="header" let-columns>
                            <tr>
                                <th>Entity Name</th>
                                <th>Screen Name</th>
                                <th>Field Name</th>
                                <th>View</th>
                                <th>Add</th>
                                <th>Delete</th>
                                <th>Update</th>
                                <th>No Access</th>

                            </tr>
                        </ng-template>
                        <ng-template pTemplate="body" let-rowNode let-rowNode1 let-rowNode2 let-rowNode3 let-rowNode4 let-rowData="rowData" let-columns="columns">

                            <tr>
                                <td>
                                    <p-treeTableToggler [rowNode]="rowNode"></p-treeTableToggler>
                                    <div *ngIf="rowData.screenName==null || !rowData.screenName ">
                                        {{rowData.entityName}}
                                    </div>

                                </td>

                                <td>
                                    <div *ngIf="rowData.fieldName==null || !rowData.fieldName ">
                                        {{rowData.screenName}}
                                    </div>

                                </td>
                                <td>{{rowData.fieldName}}</td>

                                <td>
                                    <input type="checkbox" value="4" [(ngModel)]="rowData.isViewed" (click)="SetViewValue(rowData.isViewed?'A':'B',rowData,'View')" />
                                    <!--<p-treeTableCheckbox [value]="rowNode"  (click)="SetViewValue(selectedNode,rowData,'View')"></p-treeTableCheckbox>-->
                                </td>
                                <td>
                                    <input type="checkbox" value="4" [(ngModel)]="rowData.isAdd" (click)="SetViewValue(rowData.isAdd?'A':'B',rowData)" />
                                    <!--<p-treeTableCheckbox [value]="rowNode1" (click)="SetViewValue(selectedNode,rowData,'Add')"></p-treeTableCheckbox>-->
                                </td>
                                <td>
                                    <input type="checkbox" value="4" [(ngModel)]="rowData.isDelete" (click)="SetViewValue(rowData.isDelete?'A':'B',rowData)" />
                                    <!--<p-treeTableCheckbox [value]="rowNode2" (click)="SetViewValue(selectedNode,rowData,'Delete')"></p-treeTableCheckbox>-->
                                </td>
                                <td>
                                    <input type="checkbox" value="4" [(ngModel)]="rowData.isUpdate" (click)="SetViewValue(rowData.isUpdate?'A':'B',rowData)" />

                                    <!--<p-treeTableCheckbox [value]="rowNode3" (click)="SetViewValue(selectedNode,rowData,'Update')"></p-treeTableCheckbox>-->
                                </td>
                                <td>
                                    <input type="checkbox" value="4" [(ngModel)]="rowData.isNoAccess" (click)="SetViewValue(rowData,'No Access')" />
                                    <!--<p-treeTableCheckbox [value]="rowNode4" (click)="SetViewValue(selectedNode,rowData,'No Access')"></p-treeTableCheckbox>-->
                                </td>

                            </tr>


                        </ng-template>
                    </p-treeTable>
                    <!--<p-tree [value]="gridData" selectionMode="single" [(selection)]="selectedFile"></p-tree>-->
                </div>
            </div>

Пожалуйста, помогите мне .. Спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...