在剑道网格模板函数中传递详细行引用

Question

您好，有什么方法可以使用 kendo 网格模板列将 detailRow 引用传递给函数？

这是我的踪迹。

  function detailInit(e) {
            detailRow = e.detailRow;
          detailRow.find("#mygrid").kendoGrid({
                    dataSource: {
                        data: empModel,
                    },
                    columns: [
                    {
                        field: "empId",
                        title: "Emp ID",
                        template: '<a href="\\#" onclick="showEmpDetails(\'#= detailRow #\')">        }
                           ]
                 });
                });

Answer 1

尝试将您在 detailInit 检索到的每个 detailRow 放入全局定位的数组中，然后将此索引传递给您的 click 方法（或某种键 - 可能是字典，行有 uid），然后使该方法读取根据您传入的 id 从您的数组/集合中获取行详细信息。（理想情况下，通过 uid 直接从您的数据源中读取行详细信息，无需复制数据。）请参考下面的代码作为伪代码，我没有没有机会运行它。

var rows = new Array(); 

$('.clickable').click(function () {
     // get the id for your detail
     var detailId = this.attr('detailId');
     // pass it further
     showEmpDetails(detailId);
});

function detailInit(e) {
      detailRow = e.detailRow;
      // add roe to your (cache) collection
      rows[rows.legth] =  detailRow ;
      detailRow.find("#mygrid").kendoGrid({
            dataSource: {data: empModel},
            columns: [
                {
                    field: "empId",
                    title: "Emp ID",
                    // add attribute onto your a tag
                    template: '<a href="\\#" detailId = "#= rows.legth #" class="clickable">' 
                }
                      ]
             });
});

function showEmpDetails(id) {
     // read from your collection and do what you need
     console.log(rows[id]);
}