Question

我正在研究HTML5和javascript。

是否可以在剑道网格中的同一列中添加数据和按钮。

需要帮助。

Answer 1

同样在视图页面中，您可以使用ClientTemplate来实现此目的：

@(Html.Kendo().Grid<ViewModel>().Name("grid")
                  .DataSource(src => src.Ajax().PageSize(10).Read(read => read.Action("Action", "Controller"))
                  .Columns(col =>
                  {
                      col.Bound(e => e.Name).ClientTemplate("<input type='button' value='CLICK' onclick='XYZ();'><label>#= (Name== null) ? ' ' : Name #</label>");
                  })
                  .Selectable()
                  .Scrollable()
            )

Answer 2

是的，它是！只需使用模板即可。例如：

定义以下模板：

<script id="template" type="kendoui/template">
    <button class="ob-click-me k-button">Click me</button>
    <span>#= LastName #</span>
</script>

和网格为：

var grid = $("#grid").kendoGrid({
    dataSource: ds,
    ...
    columns   :
    [
        { field: "FirstName", width: 90, title: "First Name" },
        { 
            field: "LastName", 
            width: 200, 
            title: "Last Name",
            template: $("#template").html() 
        }
    ]
}).data("kendoGrid");

您可以在此处看到一个正在运行的示例，甚至为按钮定义处理程序：http://jsfiddle.net/OnaBai/qe3tf4tx/

同一列kendo网格中的数据和按钮

2 个答案: