Kendo MVVM Grid - 如何响应行点击事件?

时间:2014-07-09 15:27:43

标签: mvvm kendo-ui kendo-grid

我有以下Kendo MVVM网格:

    <div>
        <div id="systemsGrid" data-role="grid"
            data-sortable="true"
            data-scrollable="true"
            data-editable="false"
            data-selectable="true"
            data-toolbar="['create', 'save', 'cancel']"
            data-bind="source: systems"
            data-auto-bind="true
            data-columns="[
                { 'field': 'SystemName', 'width': 200  },
                { 'field': 'SystemKey', 'width': 200  },
                { 'command': [{name: 'destroy', text: 'Delete'}], 'width': 38 }
            ]">
        </div>
    </div>

当单击给定行时,我想使用SystemKey查找其他数据并将其显示在另一个网格上。如何捕获此单击事件?我补充说:

$("#systemsGrid").on("click", gridClick);

但是,即使比如说“添加新记录&#34;单击按钮。只需点击一行网格即可正确回应什么方法?

1 个答案:

答案 0 :(得分:2)

为什么不简单地将change事件绑定到您的gridClick

类似的东西:

<div>
    <div id="systemsGrid" data-role="grid"
        data-sortable="true"
        data-scrollable="true"
        data-editable="false"
        data-selectable="true"
        data-toolbar="['create', 'save', 'cancel']"
        data-bind="source: systems, events: { change: gridClick }"
        data-auto-bind="true"
        data-columns="[
            { 'field': 'FirstName', 'width': 100  },
            { 'field': 'City', 'width': 100  },
            { 'command': [{name: 'destroy', text: 'Delete'}], 'width': 100 }
        ]">
    </div>
</div>

我使用 gridClick

绑定events: { change: gridClick }的位置

您可以在此处查看:http://jsfiddle.net/OnaBai/6XALD/2/