Kendo ui 使剑道栅格链接模板的行为类似于命令

我有一个剑道网格，没有自定义命令：

$('#grid').kendoGrid({
    dataSource: data,
    columns:
    [
        ...
        { command: { text: "Details", click: showDetails }, title: " " }
    ]
});

我希望在标准链接上发生相同的行为。可能吗

这是我正在寻找的功能：

---

但我希望它的行为如下：

这与我在自己的项目中使用的类似。您可以使用您想要的任何标记，并按照您希望的方式对其进行样式设置，以使其看起来具有功能性

function showDetails(e) {
    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
    document.getElementById('details').innerHTML = dataItem.quantity;
}

var data = [
    { name: "name1", quantity: 1 },
    { name: "name2", quantity: 4 },
    { name: "name3", quantity: 9 }
];

var grid = $('#grid').kendoGrid({
    dataSource: data,
    columns: [
        { field: 'name', template: '<a href="\\#" class="k-button link">#= name #</a>' },
        { field: 'quantity' }
    ]
}).data('kendoGrid');

grid.table.on('click', '.link', function(e) {
        showDetails.call(grid, e);
});

函数显示详细信息（e）{
var dataItem=this.dataItem（$（e.currentTarget）.closest（“tr”）；
document.getElementById（'details'）.innerHTML=dataItem.quantity；
}
风险值数据=[
{名称：“名称1”，数量：1}，
{名称：“名称2”，数量：4}，
{名称：“名称3”，数量：9}
];
var grid=$（“#grid”）.kendoGrid({
数据源：数据，
栏目：[
{字段：'name'，模板：'}，
{字段：'数量'}
]
}).数据（“kendoGrid”）；
grid.table.on（'click'，'link'，函数（e）{
showDetails.call（网格，e）；
});

JSFIDLE

---

@Brett，非常感谢你，你不知道你帮了我多少忙。在grid.saveAll（）之后，我花了一整天的时间试图恢复自定义按钮。愚蠢的剑道，“saveAll”中的“all”部分应该是“all”的意思，而不是“除了自定义按钮和工具栏以外的全部”。