如何在向kendo ui网格添加新行时使用模板？

$("#gridContainer").kendoGrid({
    // 网格配置项
    columns: [
        // 列定义
        { field: "name", title: "姓名" },
        { field: "age", title: "年龄" },
        { command: "destroy", title: "操作" } // 删除按钮
    ],
    editable: "inline", // 设置为行内编辑模式
    dataSource: {
        // 数据源配置项
        data: [
            { name: "张三", age: 25 },
            { name: "李四", age: 30 }
        ],
        schema: {
            model: {
                id: "id",
                fields: {
                    name: { type: "string" },
                    age: { type: "number" }
                }
            }
        }
    }
});

columns: [
    { field: "name", title: "姓名" },
    { field: "age", title: "年龄" },
    {
        title: "操作",
        template: "<button class='k-button' onclick='addNewRow()'>添加新行</button>"
    }
]

function addNewRow() {
    var grid = $("#gridContainer").data("kendoGrid");
    grid.addRow();
}