MVVM:如何使用属性声明columnShow事件处理程序?

时间:2013-07-26 16:42:39

标签: mvvm kendo-ui kendo-grid

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

我的问题是如何使用声明式方法以MVVM方式设置事件列表器?

到目前为止,我试过(没有任何运气)这两种方法:

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

和这一个

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

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

有谁知道答案? :)

1 个答案:

答案 0 :(得分:0)

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

<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