单击行按钮时未触发 Kendo-grid 更改事件答案

【问题标题】：Kendo-grid change event not firing on row button click单击行按钮时未触发 Kendo-grid 更改事件
【发布时间】：2019-05-11 18:19:17
【问题描述】：

在下面的代码 sn-p 中，虽然设置了可选属性，但更改事件不会在 kendo-grid 上触发。

甚至尝试过 selectable: "row"

function initializeGrid(gridData) {
            $("#kendo-list").empty();
            $("#kendo-list").kendoGrid({
                columns: [
                   { field: "Id", title: ' ', hidden: true },
                   { field: 'Name', title: 'Name' },
                   { field: 'Location', title: 'Location', },
                   {
                       field: '', title: '', template: "<input type='image' class='editButton' src='#='Images/Edit.png'# ' />" +
                                                                      " <input type='image' class='deleteButton' src='#='Images/Delete.png'# ' />"
                   }
                ],
                sortable: true,
                dataSource: vm.setupGridDataSource(gridData.currentPage, gridData.currentPageSize),
                detailTemplate: kendo.template($("#detail-template").html()),
                dataBound: function (e) {
                    $('#kendo-list .editButton').click(function (item) {
                        var id = item.currentTarget.parentElement.parentElement.cells[1].textContent;
                        if (_.isNotNullo(id)) {
                            vm.edit(id);
                        }
                    });

                    $('#kendo-list .deleteButton').click(function (item) {
                        var id = item.currentTarget.parentElement.parentElement.cells[1].textContent;

                        if (_.isNotNullo(id)) {
                            vm.delete(id);
                        }
                    });
                },
                change: function (e) {
                    var selectedItem = getGrid().dataItem(this.select());
                    vm.select(selectedItem);
                },
                detailExpand: function (e) {
                    e.masterRow.addClass('k-state-selected');
                },
                selectable: true,
                pageable: {
                    pageSizes: [10, 20, 50],
                    messages: {
                        itemsPerPage: "",
                        empty: "",
                        display: ""
                    }
                },
            });
        }

在选择删除图标时，需要通过触发更改功能选择行。有什么办法解决这个问题吗？

【问题讨论】：

标签： jquery .net kendo-grid

【解决方案1】：

由于删除图标被添加为 .不知何故，输入点击事件不会触发 kendo-grid 更改功能。

改成following之后，就成功了。

<img class='deleteButton' src='#='Images/Delete.png'# ' />

【讨论】：