Question

在以下代码段中，尽管设置了selectable属性，但change事件未在kendo-grid上触发。

甚至尝试使用可选的“行”

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: ""
                    }
                },
            });
        }

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

Answer 1

发生此问题是因为删除图标被添加为。在某种程度上不触发输入点击事件kendo-grid更改功能。

将其更改为以下内容后，它可以工作。

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

Kendo网格更改事件未在行按钮单击时触发

1 个答案: