BoldSignEasily embed eSignatures in your .NET applications. Free sandbox with native SDK available.
<ejs-listview class="iRights" [dataSource]="iRights" [fields]="rFields" fxFlex>
<ng-template #template let-dataSource>
<div class="rightItem" [id]="'rItem'+dataSource.rightID">
<i class="rightIcon far fa-check-circle fa-lg"></i>
{{dataSource.rightDesc}}
</div>
</ng-template>
</ejs-listview>
onBeforeOpen(args) {
if (args.event.target.classList.contains("e-list-multi-line")) {
this.listItem = args.event.target.parentElement;
}
else {
this.listItem = args.event.target.parentElement.parentElement;
}
this.listItemId = this.listItem.getAttribute("data-uid");
console.log(this.listItemId);
} |
<ejs-listview id='List' [dataSource]='data' headerTitle='Contacts' cssClass='e-list-template' [showHeader]='true' (actionComplete)="onTarget()">
<ng-template #template let-data="">
<div class="e-list-wrapper e-list-multi-line rightItem">
<span class="e-list-item-header">{{data.text}}</span>
</div>
</ng-template>
</ejs-listview>
<script>
onTarget()
{
this.contextMenu.target = ".rightItem"
}
</script> |