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

Question

我有以下 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);

但是，即使单击“添加新记录”按钮，这也会触发。仅响应单击网格行的正确方法是什么？

Answer 1

为什么不简单绑定(bind)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>

我在哪里绑定(bind) gridClick使用 events: { change: gridClick }
你可以在这里看到它: http://jsfiddle.net/OnaBai/6XALD/2/