kendo 网格列模板中的调用函数
Call function in kendo grid column template
您好,我想知道如何在 kendo 列模板中调用函数?
我希望此函数获取单元格值并 return 结果。
像这样:
<kendo-grid-column field="tot" [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";
}
}
在这种情况下不会调用该函数。
谢谢,
问候
没有要传递的名为 value
的字段。
尝试改变:
<kendo-grid-column field="tot" [style]="{'text-align': 'right'}">
<ng-template kendoGridCellTemplate let-value="value">
<span>{{ myFunction(value) }}</span>
</ng-template>
</kendo-grid-column>
至:
<kendo-grid-column field="tot" [style]="{'text-align': 'right'}">
<ng-template kendoGridCellTemplate let-dataItem>
<span>{{ myFunction(dataItem) }}</span>
</ng-template>
</kendo-grid-column>
并相应地使用 myFunction
。
请阅读https://www.telerik.com/kendo-angular-ui/components/grid/api/CellTemplateDirective以获得更好的理解。
您好,我想知道如何在 kendo 列模板中调用函数?
我希望此函数获取单元格值并 return 结果。
像这样:
<kendo-grid-column field="tot" [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";
}
}
在这种情况下不会调用该函数。
谢谢,
问候
没有要传递的名为 value
的字段。
尝试改变:
<kendo-grid-column field="tot" [style]="{'text-align': 'right'}">
<ng-template kendoGridCellTemplate let-value="value">
<span>{{ myFunction(value) }}</span>
</ng-template>
</kendo-grid-column>
至:
<kendo-grid-column field="tot" [style]="{'text-align': 'right'}">
<ng-template kendoGridCellTemplate let-dataItem>
<span>{{ myFunction(dataItem) }}</span>
</ng-template>
</kendo-grid-column>
并相应地使用 myFunction
。
请阅读https://www.telerik.com/kendo-angular-ui/components/grid/api/CellTemplateDirective以获得更好的理解。