Call function in kendo grid column template

[alex]

Hi I would like to know how do I call a function inside the kendo cloumn template?

I would like this function to take the cell value and return a result.

Something like this:

 

<kendo-grid-column field="Name"  [style]="{'text-align': 'right'}">
        <ng-template kendoGridCellTemplate let-value="value">
            <span>{{ myFunction(value) }}</span>
        </ng-template>
</kendo-grid-column>



public myFunction(n){
   if(n>0){
     return "ok";
  }else{
     return "do check";
  }
}

 

The function is not called in this case.

thanks,

regards

 

 

[Hetali]

Hi Alex,

The CellTemplateDirective does not pass the value field. In order to call a function with the cell value, use the dataItem field as seen below: 

<ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
  <span>{{ myFunction(dataItem.UnitPrice) }}</span>
</ng-template>

In this StackBlitz example, the function is called using the dataItem field and works as expected.

I hope this helps. Please let me know if I can further assist you.

Regards,
Hetali
Progress Telerik