Vuejs和Kendo整合

时间:2017-09-18 08:24:52

标签: kendo-ui kendo-grid vuejs2 vue-component

我有vuejs和kendo ui的问题。 我需要单击tr列 <a> 我还使用了@ click.native而没有

我还创建了一个带有Process标记的模板,该模板调用了“点击”方法

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

1 个答案:

答案 0 :(得分:-2)

也许这不是您想要的,但可以在网格上启用排序并截取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();
    }
}