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

【问题标题】：MVVM: How to declare columnShow event handler using attributes?MVVM：如何使用属性声明 columnShow 事件处理程序？
【发布时间】：2013-07-26 16:42:38
【问题描述】：

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

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

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

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

还有这个

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

在这两种情况下 - 当我使用列菜单显示最初隐藏的列时没有任何反应。

有人知道答案吗？ :)

【问题讨论】：

标签： mvvm kendo-ui kendo-grid

【解决方案1】：

使用事件绑定应该可以工作。以下 sn-p 按预期工作：

<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

【讨论】：