Kendo Grid rowTemplate JS函数

时间:2018-09-10 12:19:42

标签: javascript kendo-grid

在单个javascript文件中,我具有以下kendo网格选项。

var relatedJobsGridOptions = ko.observable({});

//I am seeing message, javascript function is never used :(
function getName(name) {
  return name;
}

relatedJobsGridOptions({
  columns: [
    { field: 'name', title: 'Customer Name ', width: '160px' },
  ],
  dataSource: OccData,
  rowTemplate: (
    '<tr style="background-color: rgb(246,246,246)" data-uid="#= uid #">' +
      '<td>#=getName(name)# </td>' +
    '</tr>'      
  ),          
  overflow: false
});

如何在此rowTemplate中调用javascript函数?

我介绍过很少的telerik论坛,但至于我搜索的论坛都不符合我的条件(我的研究不力:(我完全被困在这里。) 任何建议对我都会有帮助。

1 个答案:

答案 0 :(得分:1)

只需使用字符串插值:

function getName (name) {
  return `<strong>${name}</strong>`
} 

const rowTemplate = `
  <tr style="background-color: rgb(246,246,246)" data-uid="#= uid #">
    <td>#= ${ getName('some name') } #</td>
  </tr>   
`.trim()

console.log(rowTemplate);