Question

我在我的grails应用程序中使用了Kendo网格，我的要求是每行都会显示一个按钮，点击该按钮时，会插入一个与顶行相同的新行。请可以任意一个帮助。

感谢

Answer 1

使用自定义模板可以解决此问题。例如：

$("#myGrid").kendoGrid({
    dataSource: {
        schema: {
            model: {
                id: "id"
            }
        }
    },
    columns: [
        {field: 'some_field', title: 'some title'},
        {field: '', title: '', template: '<a href="\\#" onclick="duplicateRow(#=id#); rertun false;">duplicate row</a>'}
    ]
});

请注意，此示例假设网格中的每个对象都有一个名为“id”的唯一字段。

duplicateRow方法示例：

function duplicateRow(id) {
    var selectedItem = $("#myGrid").data("kendoGrid").dataSource.get(id);
    var newItem = createNewItem(selectedItem);
    $("#myGrid").data("kendoGrid").dataSource.add(newItem);
}

请注意，您必须编写createNewItem函数，该函数应使用新ID从selectedItem创建副本。插入新项目的位置取决于您在网格中使用的排序。

在剑道网格中连续添加按钮

1 个答案: