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

我想向Kendo MVC网格添加自定义模板。我的模板应包含两件事情如何将模板添加到Kendo网格工具栏

创建按钮，新的记录添加到网格
自动完成框在网格中筛选数据。

我想下面的代码：

.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"); 

})

，但是这是行不通的。我只能看到自动填充框。

关于如何完成我的要求的任何想法？

来源

2014-07-19 Besher

从工具栏部分删除以下行

toolbar.Create().Text("New Record");

，并添加模板内的按钮。请参见下面的代码：

.ToolBar(toolbar => 
{ 
toolbar.Template(@<text> 
      <div class="toolbar"> 
       <a class="k-button k-button-icontext k-grid-add" href="/YourControllerName/YouCreateActionResultJsonName?grdSearch-mode=insert">New Record</a> 
       <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>); 
})

来源

2014-07-21 12:46:59

尼廷商城的回答可以用

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

更换

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

可以简化这个工作，因为网格使用jQuery的委托来连接电网的Click事件处理程序调用AddRow方法到具有类“k-grid-add”的项目

来源

2014-11-19 19:54:29 callisto

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

回答

相关问题