首页 > 解决方案 > 剑道网格rowTemplate JS函数

问题描述

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

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 论坛,但至于我搜索的没有一个符合我的条件(我糟糕的研究:(我完全被困在这里..)任何建议都会对我有所帮助。

标签: javascriptkendo-grid

解决方案


只需使用字符串插值:

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);


推荐阅读