PrimeNg Tree: выбор флажка снимается, когда я нажимаю на кнопку, чтобы открыть модальное на родительском / дочернем узле - PullRequest
Новая
       21

PrimeNg Tree: выбор флажка снимается, когда я нажимаю на кнопку, чтобы открыть модальное на родительском / дочернем узле

1 голос
/ 29 февраля 2020

Привет! Я использую компонент Дерево - Выбор с вариантом Флажок. Все в компоненте работает нормально, но мне нужно поместить кнопку рядом с каждым родителем и потомком моих узлов, чтобы открыть модель, которая происходит с идентификатором этого узла, проблема в том, что если я нажму кнопку, которая снимает флажок с этого узла. Это мой код 

 <p-tree [value]="casePartyServiceContactModel" selectionMode="checkbox"
                                    [(selection)]="selectedServiceContactsTree" (onNodeSelect)="nodeSelect($event)"
                                    (onNodeUnselect)="nodeUnselect($event)">
                              <template let-node pTemplate="default">
                                <span class="listname">{{node.label}}</span>

                                <span class="listicons pull-right" *ngIf="!node.parent">
                                <button type="button" class="btncontact btn-primary box mar-r-20 pad-t-2 pad-b-2" data-toggle="modal" (click) = "setCasePartyIdForServiceContacts(node.data.partyID,node.data.caseId)"
                                        data-target="#addServiceContactToCase">Add Service Contact To Case
                                </button>

                                </span>

                                <span class="listicons pull-right" *ngIf="node.parent">
                                           <button type="button" class="buttonicon blueicon" data-toggle="modal"
                                                   data-target="#viewservicecontactdetails"
                                                   pTooltip="View Service Contact Details"
                                                   (click)="getServiceContactDetail(node.data.serviceContactID);"
                                                   tooltipPosition="top">
                                                     <i class="fa fa-user" aria-hidden="true"></i>
                                            </button>
                                            <button type="button" class="buttonicon blueicon" data-toggle="modal"
                                                    data-target="#viewattachedcaselist"
                                                    pTooltip="View Attached Case List"
                                                    (click)="attachedCaseList(node.data.serviceContactID,node.data.firstName,node.data.lastName)"
                                                    tooltipPosition="top">
                                              <i class="fa fa-paperclip" aria-hidden="true"></i>
                                            </button>

                                            <button type="button" class="buttonicon blueicon" pTooltip="Detach Contact"
                                                    *ngIf="node.data.editableFlag"
                                                    (click)="detachContact(node.data.serviceContactID,node.parent.data.caseId,node.parent.data.partyID,false)"
                                                    tooltipPosition="top">
                                              <i class="fa fa-trash" aria-hidden="true"></i>
                                            </button>
                                        </span>
                              </template>
                            </p-tree>
...