3

我正在为编辑弹出窗口使用模板。我试图强制网格进入编辑模式并在单击其中一列中的链接时显示编辑模板弹出窗口。

我尝试使用命令，但无法将超链接的文本数据绑定到模型中声明的字段，在本例中为“CourseType”。命令列中是否支持数据绑定？

columns: [
     { 
        command: [
          { 
            id: "edit", 
            title: "School Item",    
            template: '<a href="\\#">#=CourseType#</a>',  
            width: 120
          }
       ]
     }
]

如果命令列中不支持数据绑定，那么如何在单击模板字段时将网格置于编辑模式？

columns: [
  { 
    field: "CourseType", 
    title: "School Item",  
    template: '<a href="\\#">#=CourseType#</a>'
  }
]
4

1 回答 1

2

我不确定为什么要将单元格定义为 HTML anchor，但是在单击锚点时使其进入弹出编辑模式没有问题。

1）添加到您的模板class中，这将允许我们找到这些单元格。就像是：

columns: [
    {
        field: "CourseType",
        title: "School Item",
        template: '<a href="\\#" class="ob-edit-popup">#=CourseType#</a>'
    }
]

我class="ob-edit-popup"在模板中包含的地方。

2）将选项添加到您的网格定义中editable: "popup"。

3) 在初始化后添加以下 JavaScript 代码。

$(".ob-edit-popup", grid.tbody).on("click", function (e) {
    var row = $(this).closest("tr");
    grid.editRow(row);
})

结果在哪里grid：

var grid = $("#grid").kendoGrid({...}).data("kendoGrid");
于 2013-02-12T23:44:56.040 回答