Jquery 将按钮放置在列中剑道网格的所有行中

需要您的投入来实现这一点：

我有一个剑道网格，我可以添加新行和编辑行与内联编辑模式。这个剑道网格有不同的列。在这种情况下，将使用按钮呈现一列（将按钮放置在一列的所有行中）

当我读取数据时，我可以看到列上的按钮。

但是，当我尝试添加行或编辑行时，按钮将替换为普通文本框。

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

我会等你的意见

---

谢谢。

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

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

var-ds=[
{ID:1，RowID:1，BillNumber:“bn1”}，
{ID:2，RowID:2，BillNumber:“bn2”}，
{ID:3，RowID:3，BillNumber:“bn3”}]；
var grid=$（“#grid”）.kendoGrid({
数据源：ds，
栏目：[
{字段：“ID”，标题：“ID”，可筛选：false，可排序：false，隐藏：false}，
{字段：“BillNumber”，标题：“BillNumber”，可过滤：false，可排序：false，隐藏：true}，
{
标题：“预览”，
模板：“”，
headerTemplate:“全部打印”，
可过滤：false，
可排序：false，
宽度：100
}
]}).数据（“kendoGrid”）；
$（“.info”）。在（“单击”，函数（）{
var行=$（此）.tr；
var item=grid.dataItem（行）；
警报（“所选项目为：“+JSON.stringify（项目））；
});

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

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

var-ds=[
{ID:1，RowID:1，BillNumber:“bn1”}，
{ID:2，RowID:2，BillNumber:“bn2”}，
{ID:3，RowID:3，BillNumber:“bn3”}]；
var grid=$（“#grid”）.kendoGrid({
数据源：ds，
栏目：[
{字段：“ID”，标题：“ID”，可筛选：false，可排序：false，隐藏：false}，
{字段：“BillNumber”，标题：“BillNumber”，可过滤：false，可排序：false，隐藏：true}，
{
标题：“预览”，
模板：“”，
headerTemplate:“全部打印”，
可过滤：false，
可排序：false，
宽度：100
}
]}).数据（“kendoGrid”）；
$（“.info”）。在（“单击”，函数（）{
var行=$（此）.tr；
var item=grid.dataItem（行）；
警报（“所选项目为：“+JSON.stringify（项目））；
});