带有模板的Kendo UI Command与Kendo UI Grid的问题

Question

我正在使用kendoUI web和新手。我在下面的代码中遇到了问题。

columns:[
{
    command:"edit",
    template:"<a href ='index_code.html' > #=edit# </a>",
    width: "80px",
},
{
    field: 'edit',
    template: '<a href="index_code.html"> #=edit# </a&gt'
}]

当我点击字段编辑列时，它会将页面转移到index_code.html。

但这不会发生在命令编辑列上，它不会执行任何操作。

如何使命令按钮处于活动状态？

Answer 1

不确定你想要实现的目标，但是：

1. 使用command时，您无法使用template。
2. 在定义command时，您应该希望每个button都应该包含相同的文字。

但如果你希望它看起来像一个按钮，尽管它是一个链接，那当然可以使用template。

示例：

columns   : [
    {
        field: 'edit',
        template: '<a href="index_code.html" class="k-button k-button-icontext"><span class="k-icon k-edit"></span>#= City #</a>',
        width: 100
    } 
]

JSFiddle：http://jsfiddle.net/626qB/1/

Answer 2

试试这个，

columns:[
{
     command:  "edit",
     width : 100
},
{
     field: 'edit',
     template: '<a href="index_code.html" class="k-button k-button-icontext"><span class="k-icon k-edit"></span>#= City #</a>',
     width: 100
}]

<强>脚本

$('.k-grid-edit').on("click", function () {
    alert('hi');
});

在此处查看演示：http://jsfiddle.net/626qB/4/