kendo-ui - 如何将模板添加到 Kendo 网格工具栏

Question

我正在尝试将自定义模板添加到 Kendo MVC 网格。

我的模板应该包含两件事:

1. 创建按钮以将新记录添加到网格
2. 用于过滤网格中数据的自动完成框。

我正在尝试以下代码:

.ToolBar(toolbar =>
{
    toolbar.Template(
        @<text>
            <div class="toolbar">
                <label class="category-label" for="category">Filter by name:</label>
                @(Html.Kendo().AutoComplete()
                    .Name("employees")
                    .DataTextField("empName")
                    .Filter("contains")
                    .MinLength(3)
                    .Events(e => e.Change("nameChange"))
                    .DataSource(ds =>
                    {
                        ds.Read("FilteringList", "Employee");
                    })
                )
            </div>
        </text>);
    toolbar.Create().Text("New Record");
})

但这不起作用。我只能看到自动完成框。

关于如何实现我的要求有什么想法吗？

Answer 1

Nitin Mall的答案可以通过替换来简化

<a class="k-button k-button-icontext k-grid-add"   
href="/YourControllerName/YouCreateActionResultJsonName?grdSearch-mode=insert">
New Record</a>

与

<a class='k-button k-button-icontext k-grid-add' 
href='#'><span class='k-icon k-add'></span>Add new record</a>

这是有效的，因为网格使用 jquery 委托(delegate)附加网格的单击事件处理程序，该处理程序将 AddRow 方法调用到类为“k-grid-add”的项目