[英]A button in a kendo ui grid doesn't work on mobile device
我有一個示例,在Backbone.js中添加了一個kendo ui網格。 在kendo ui網格中,我有一個用於刪除行的按鈕,但是這些按鈕在移動設備上不起作用。 如果我反復按一個按鈕,它有時會起作用。 為什么? 我在kendoGrid.columns中聲明按鈕,因此:
{
command: [{
name: "destroy",
text: "Remove",
className: "ob-delete"
}
要刪除行並在單擊按鈕時執行某些操作:
$(document).on("click", ".grid tbody tr .ob-delete", function (e) {
var item = grid.dataItem($(this).closest("tr"));
var check = confirm("Delete");
if (check) {
grid.removeRow($(this).closest("tr"));
}
});
編輯:
我使用的是kendo ui版本:2012.3.1114
手機和點擊事件不是最好的朋友!
在此代碼中,您將添加具有.ob-delete類的Html元素的單擊,該元素不會觸發Kendo的內置click事件。 而是嘗試將您的delete方法實現為此演示中顯示的自定義命令: http : //demos.kendoui.com/web/grid/custom-command.html
$(document).ready(function () {
var grid = $("#grid").kendoGrid({
dataSource: {
pageSize: 10,
data: createRandomData(50)
},
pageable: true,
height: 260,
columns: [
{ field: "FirstName", title: "First Name" },
{ field: "LastName", title: "Last Name" },
{ field: "Title" },
{ command: { text: "View Details", click: showDetails }, title: " ", width: "140px" }]
}).data("kendoGrid");
wnd = $("#details")
.kendoWindow({
title: "Customer Details",
modal: true,
visible: false,
resizable: false,
width: 300
}).data("kendoWindow");
detailsTemplate = kendo.template($("#template").html());
});
function showDetails(e) {
e.preventDefault();
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
wnd.content(detailsTemplate(dataItem));
wnd.center().open();
}
</script>
或者,如果不需要自定義命令,請嘗試本演示中所示的默認delete事件。 http://demos.kendoui.com/web/grid/editing-inline.html
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.