[英]Kendo-grid change event not firing on row button click
In following code snippet, selectable property is although set, the change event not firing on the kendo-grid. 在以下代码段中,虽然设置了selectable属性,但更改事件未在kendo-grid上触发。
Even tried with 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: ""
}
},
});
}
On selecting delete icon, the row need to be selected by firing change function. 选择删除图标时,需要通过触发更改功能选择该行。 Any idea to fix this?
有解决这个问题的主意吗?
Issue occurred because of delete icon being added as an . 发生问题是因为删除图标被添加为。 Somehow on input click events kendo-grid change function is not fired.
在某种程度上不触发输入单击事件kendo-grid更改功能。
After changing it to following, it worked. 将其更改为跟随后,它可以正常工作。
<img class='deleteButton' src='#='Images/Delete.png'# ' />
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.