将按钮放置在列中的所有Kendo Grid行中-Java 学习之路

需要您的输入才能实现此目的：

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

当我读取数据时，我能够看到列上的按钮 . Kendo Grid with Button Column

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

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

我会等你的意见 .

谢谢 .

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));
});

回复于 2018-12-18T06:06:10+00:00

将按钮放置在列中的所有Kendo Grid行中

1 回答

相关问题