Blazor数据网格组件

您可以自定义在FilterRow, FilterMenu中呈现的过滤器编辑器 ，和Blazor数据网格组件的ColumnMenu。在GridColumn标记中使用FilterEditorType参数，你可以很容易地设置它并呈现一个DateTime选择器，而不是默认的Date选择器。

了解如何在Telerik Blazor Grid中自定义默认行筛选器编辑器。

Blazor Grid组件公开了一个EditorType参数，它提供了一种简单的方法，可以在不使用模板的情况下更改默认字段编辑器。要做到这一点，只需在GridColumn标记中提供您首选的编辑器。您可以灵活地选择DatePicker或DateTimePicker为DateTime类型，TextBox或TextArea为字符串字段，复选框或开关为布尔值。

了解如何在Blazor数据网格中添加自定义编辑器日期和时间。

除了使用筛选器模板外，您还可以使用几个参数自定义Blazor Data Grid组件中的内置筛选。您可以设置默认的筛选操作符，并控制筛选下拉菜单和清除按钮是否可见。ShowFilterCellButtons和DefaultFilterOperator参数的配置是在gridcolumn标记中完成的。

可以使用Rebind方法刷新Grid数据。只需一个调用，就可以调用数据处理和刷新呈现。如果您手动定义了OnRead事件，那么将执行其事件处理程序中定义的业务逻辑。

请看一个例子Rebind方法如何在Blazor Grid组件的上下文中工作．

Blazor Data Grid组件为其弹出式编辑器公开了多个设置。你可以设置(最大)宽度，(最大)高度，CSS类。此外，我们还提供了gridpopupedformsettings标记，该标记允许您配置表单的方向(水平或垂直)、表单的列和柱间距布局参数，以及通过buttonlayout配置表单中按钮的水平对齐。

参见Blazor Data Grid中的自定义弹出式编辑示例。

在Grid的SearchBox中添加一个占位符文本，为用户提供他们可以搜索的内容的示例。

控制Grid组件的SearchBox的宽度，使其适应您为其准备的屏幕空间——我们相信在Blazor套件的Telerik UI中不应该有任何不能自定义的东西!

Telerik Blazor网格现在有功能导出为CSV格式．通过添加专用命令按钮，可以在工具栏中轻松配置。导出后，您将把所有应用的过滤器、排序、分页、分组和列排序传输到CSV文件中。您可以选择只导出当前页面，或者导出所有数据。

的菜单特性简化了对常见操作的访问，并为应用程序的用户提供了一种方便的方法来应用排序、过滤，以及从中心点切换列的可见和锁定状态。方法对菜单中的列进行分组并对其进行进一步配置GridColumnMenuSettings标签。

搜索框是过滤网格中记录的另一种方法，它是网格过滤选项的补充，但要简单得多。要向网格添加搜索框，只需添加GridSearchBox给它的孩子们。一旦完成，用户将能够输入文本立即直观地过滤网格元素。搜索框还设有一个小X按钮，可以轻松清除其内容，也可以通过编程触发。

与网格SortMode财产，可以启用基于多个网格列的数据排序。SortMode接受两个值:

• Single(默认值):只能对数据应用一个排序条件
• Multiple:多列排序。对一个列排序，然后对另一个列排序，将按指定顺序应用这两个排序条件。

中显示聚合的结果网格页脚模板为每个数据绑定列，通常称为总计。这在财务应用程序或内部报告中特别有用，您可以快速给出数据摘要。这两个例子总值，并可以显示自定义内容。无论网格的垂直滚动如何，页脚模板将始终保持可见。

使用“网格列可见”属性以编程方式控制哪些网格列可见。当需要始终隐藏列时，可以直接设置列属性可见为假。但是，在需要提供条件可见性的其他情况下，也可以动态地管理列的可见性。查看更多控件中控制列可见性的代码示例《Blazor Grid》的Telerik UI。

自定义筛选器行和自定义筛选器菜单是定制Grid以满足特定需求的另外两种方法。它们为您提供了替换Grid中每个列顶部的内置过滤器的能力，并为您的特定情况提供了更用户友好的过滤器。例如，你可能想要简单地给用户选择最小值和最大值的选项，而不是一般的内置数字功能，这可能会让人不知所措。

Telerik Blazor数据网格允许您自定义在单元格，编辑器和各种页眉和页脚中呈现的内容，以便您可以根据需要调整它，并显示额外的数据。

你可以定义:

• 单元格的特殊内容-从字符串或数字的特定格式，到图表和工具提示等整个组件，都可以进入每个数据单元。

• 自己的编辑网格根据字段类型提供了内置的编辑器，你可以定义自己的，在那里你可以实现进一步的逻辑，渲染和外观。

• 列标题-当字段名不够，你想添加更多的东西-从多行文本，可操作的按钮。

• 列组页脚-一个添加聚合信息的好地方(网格为您提供)。

• 组头-更多关于当前分组级别的描述，包括数据聚合。

• 整行渲染你可以渲染你自己的HTML，直到元素，而不是网格。

了解更多在我们的Blazor网格模板文档

Blazor Grid组件的Telerik UI分派OnCellRender当任何Grid列被呈现时，事件。该事件针对列中的每个单元格引发，并提供有关当前单元格正在使用的项的信息。使用此事件可有条件地格式化单元格的样式类。

Grid可以使用自定义显示格式打印任何值类型，以提高值的可读性。类的数据成员上添加属性，或在类的数据成员上添加属性，都可以指定显示格式GridColumn标签。

Blazor Grid的Telerik UI还可以使用来自弱类型ExpandoObject的数据。当连接到基于旧技术的后端时，通常会出现这种情况，并且通常会使网格处理的集成更加困难。

每当单击或双击Grid中的一行时，就会触发相应的事件，您可以处理它来做一些有趣的事情，比如在单独的控件中显示该行的详细视图，或者获取/向服务器发送关于此特定项的更多数据。

Blazor服务器端和WebAssembly应用程序中的用户都可以轻松地将Grid数据导出到Excel，只需单击一个按钮。导出的文件将保留Grid设置，以便对xlsx文档中的数据应用过滤、排序、分页、分组、列顺序和列大小。导出允许开发人员设置导出数据的结果文件名和配置——当前显示的页面或网格中的所有页面。开发人员还可以控制导出文件中包含哪些数据项或列(通过OnBeforeExcelExport事件)以及导出列的宽度无缝支持。Excel和CSV导出可以通过编程方式触发(通过API中新公开的方法)。

输出Blazor网格数据到Excel。

Blazor Grid的Telerik UI还可以使用来自DataTable对象的数据。这使得它更容易连接到仍然使用数据表的遗留代码。

探索不同的格式选项