如何将模板添加到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委托来附加网格的click事件处理程序,该处理程序将AddRow方法调用到具有类"k-grid-add"的项目