Question

需要您的输入才能实现这一目标：

我有一个Kendo Grid，我可以使用内联编辑模式添加新行和编辑行。这个Kendo Grid有不同的列。在此，将使用Button呈现一列（将Button放在列的所有行中）。

当我读取数据时，我可以看到列上的按钮。 Kendo Grid with Button Column

但是，当我尝试添加行或编辑行时，该按钮将替换为普通文本框。 Button not visible when Grid is in Edit Mode

如何在添加新行或使用模板编辑现有行时显示Button。！？

我会等你的意见。

谢谢。

Answer 1

找到这段代码片段here。只是想分享这些信息，这也可以帮助其他人：

var ds = [
{ ID : 1, RowID : 1, BillNumber : "bn1" },
{ ID : 2, RowID : 2, BillNumber : "bn2" },
{ ID : 3, RowID : 3, BillNumber : "bn3" }];

var grid = $("#grid").kendoGrid({
dataSource: ds,
columns: [
    { field: "ID", Title: "ID", filterable: false, sortable: false, hidden: false },
    { field: "BillNumber", Title: "BillNumber", filterable: false, sortable: false, hidden:true },
    {
        title: "Preview ", 
        template: '<input type="button" class="k-button info" name="info" value="Info" />',                       
        headerTemplate: '<label>  <input type="checkbox" id="checkAll"/>Print All</label>', 
        filterable: false, 
        sortable: false, 
        width: 100                     
    }
]}).data("kendoGrid");

$(".info").on("click", function() {
    var row = $(this).closest("tr");
    var item = grid.dataItem(row);
    alert("Selected item is:" + JSON.stringify(item));
});

将按钮放置在列

1 个答案: