mvvm - MVVM：如何使用属性声明 columnShow 事件处理程序？

Question

columnShown 是在使用列菜单显示列时触发的事件（参考 kendoui 文档中的事件可以在这里看到）

我的问题是如何使用声明性方法以 MVVM 方式设置该事件侦听器？

到目前为止，我尝试了（没有任何运气）这两种方法：

data-bind='source: dataSource, events:{ columnShow: onColumnShow}'>

和这个

 data-column-show = function(e) { console.log(e.column.field); }

在这两种情况下 - 当我使用列菜单显示最初隐藏的列时，什么都没有发生。

有人知道答案吗？:)

Answer 1

使用事件绑定应该有效。以下代码段按预期工作：

<div id="grid" data-column-menu="true"     
  data-role="grid"     
  data-bind="source: items, events: { columnShow: columnShow }">
</div>
<script>
kendo.bind(document.body, {
  items: [
    { foo: "foo", bar: "bar" }
  ],
  columnShow: function(e) {
    alert(e.column.field);
  }
});
</script>

这是关于 jsbin 的现场演示：http: //jsbin.com/ahagit/1/edit