工具栏
的工具栏()
Grid的配置选项允许您添加命令按钮,并允许用户调用内置的Grid功能。您还可以定义自定义命令或使用模板自定义Telerik UI的工具栏。NET核心网格。
内置命令
您可以配置工具栏并包括任何内置命令:
.ToolBar(toolbar=> {toolbar. create ();toolbar.Save ();toolbar.Pdf ();toolbar.Excel ();toolbar.Search ();})
<工具栏><工具栏-按钮名称="create">工具栏-按钮><工具栏-按钮名称="save">工具栏-按钮><工具栏-按钮名称="pdf">工具栏-按钮><工具栏-按钮名称="excel">工具栏-按钮><工具栏-按钮名称="search">工具栏-按钮>工具栏>
命令 | 描述 | 资源 |
---|---|---|
创建 | 将空数据项添加到网格中。 | 编辑功能文档 |
保存 | 持久化最终用户所做的任何数据更改。 | 编辑功能文档 |
导出PDF格式的网格数据。 | 导出文档 | |
Excel | 导出MS Excel格式的网格数据。 | Excel导出文档 |
搜索 | 为网格添加内置搜索面板。 | 搜索面板文档 |
自定义命令
用于ASP的Telerik UI。网络核心网格supports adding custom commands to it's Toolbar.
下面的示例演示如何向工具栏添加自定义命令:
. toolbar (toolbar=> {toolbar. custom()。文本(“点击我”)。HtmlAttributes(new {id = "customCommand"});}) <脚本> $(文档)时(函数(){$ (" # customCommand ")。点击(函数(e) {e.b preventdefault ();Alert ('click') //在这里添加自定义命令逻辑});}) > < /脚本
<工具栏><工具栏-按钮name="customCommand" text="Click me">工具栏-按钮>工具栏>< script> $(document).ready(function(){$(".k-grid-customCommand")。点击(函数(e) {e.b preventdefault ();Alert ('click') //在这里添加自定义命令逻辑});}) > < /脚本
工具栏模板
用于ASP的Telerik UI。网络核心网格also supports using a template for the Toolbar. You can define a template by using theClientTemplate ()
或者是ClientTemplateId ()
配置选项。对于TagHelper网格配置,使用client-template
或client-template-id
属性。
.ToolBar(toolbar => {toolbar. clienttemplateid ("GridToolbarTemplate");})
.
当您使用工具栏模板,并且还希望使用内置命令时,请为所需的命令添加标记。属性Pdf
而且搜索
中所演示的工具栏模板Telerik UI for ASP。网络核心网格工具栏模板Demo.