Я использую кендо, всплывающее внутри сетки кендо . Когда я прокручиваю сетку, кендо всплывает и движется .
HTML: Код сетки кендо:
<kendo-grid style="height: 400px;">
<kendo-grid-column title="Request No" width="150"></kendo-grid-column>
<kendo-grid-column title="Job Classification" width="150"></kendo-grid-column>
<kendo-grid-column title="Request Date" width="150"></kendo-grid-column>
<kendo-grid-column field="action" title="Action" width="125" [filterable]="false">
<ng-template kendoGridCellTemplate let-dataItem>
<div class="icon-container">
<i Id="btnCancel" class="fa fa-times-circle" aria-hidden="true" title="Delete"
(click)="deletePopUp($event,dataItem)"></i>
</div>
</ng-template>
</kendo-grid-column>
</kendo-grid>
HTML: POP UP код:
<kendo-popup style="width: 350px; z-index: 10002;box-shadow:none"
popupClass="kendo-popup kendo-popup-right kp-pos-right custom-addmaterialpopup" [anchor]="anchorElement" [offset]="testOffset"
[anchorAlign]="anchorAlignRight" [popupAlign]="popupAlignRight" *ngIf="isDeletePopup">
<div class="kp-header">
Do you want to cancel the request
</div>
<div class="kp-body">
<textarea type="text" Id="txtDelete" [(ngModel)]="strDeleteRemarks" class="form-control textareasubmitrecall"
rows="2"></textarea>
</div>
<div class="kp-footer">
<button Id="btnDelete" class="btn-primary" (click)="DeleteAction()">Yes</button>
<button Id="btnDelClose" class="btn-primary" (click)="closeDeletePopup()">No</button>
</div>
</kendo-popup>
TS:
public deletePopUp($event, dataItem) {
this.anchorElement = $event.target.closest(".fa-times-circle");
this.strJobregistrationRequestId = dataItem.strJobRegistrationRequestId;
this.isDeletePopup = true;
}
Я также проверил свойство Offset . Но это не работает. Помогите мне установить смещение для кендо поп. Заранее спасибо