Vuejs 和 Kendo 集成

Question

vuejs 和 kendo ui 有问题。 我需要点击一个 tr 列 <kendo-grid-column @click="clicked"></kendo-grid-column> 我也使用了@click.native 但没有

我还创建了一个带有<a> 标签的模板，该模板调用“点击”方法

演示 http://dojo.telerik.com/@aldoZumaran/UTOGo

Answer 1

也许这不是您想要的，但可以在网格上启用排序并截取Sort Event 以进行进一步处理。

更改您的kendo-grid，添加：

:sortable='true'
@sort='callback'

Callback 方法的语法也有点奇怪，使用：

callback: function(e) {
    console.log(e.sort.field);
    console.log(e.sort.dir);
}

也许这是执行您的操作的正确位置。

更新

可以在回调方法中调用e.preventDefault();来防止默认排序动作：

callback: function(e) {
    if (e.sort.field === 'UnitPrice') {
        console.log('Sort by Price not allowed!');
        e.preventDefault();
    }
}