工具栏

的工具栏()Grid的configuration选项允许您添加命令按钮，并允许用户调用内置的Grid功能。您还可以定义自定义命令或使用模板自定义Telerik UI的工具栏。NET MVC网格。

内置命令

您可以配置工具栏并包含任何内置命令:

.ToolBar(toolbar=> {toolbar. create ();toolbar.Save ();toolbar.Pdf ();toolbar.Excel ();toolbar.Search ();})

自定义命令

用于ASP的Telerik UI。NET MVC网格supports adding custom commands to it's Toolbar.

下面的示例演示如何向工具栏添加自定义命令:

. toolbar (toolbar=> {toolbar. custom()。文本(“点击我”)。HtmlAttributes(new {id = "customCommand"});}) <脚本> $(文档)时(函数(){$ (" # customCommand ")。点击(函数(e) {e. preventdefault ();Alert ('click') //在这里添加自定义命令逻辑});}) > < /脚本

工具栏模板

用于ASP的Telerik UI。NET MVC网格also supports using a template for the Toolbar. You can define a template by using theClientTemplate ()或者是ClientTemplateId ()配置选项。

.ToolBar(toolbar => {toolbar. clienttemplateid ("GridToolbarTemplate");})

当您使用工具栏模板，并且还希望使用内置命令时，请为所需的命令添加标记。下面的示例演示如何添加Pdf而且搜索中演示的工具栏模板Telerik UI for ASP。NET MVC网格工具栏模板Demo．

<脚本id="GridToolbarTemplate" type="text/x-kendo-template"> 
  
  按类别显示产品: @(Html.Kendo().DropDownList() .Name("categories") .OptionLabel("All") .DataTextField("CategoryName") .DataValueField("CategoryID") .AutoBind(false) .Events(e => e. change (" categororieschange ")) .HtmlAttributes(新{style =" width: 150px;"}) . datasource (ds => {ds.})。读(“ToolbarTemplate_Categories”、“网格”);}) .ToClientTemplate())