电网概述
网格是面向ASP的Telerik UI。网络核心一个专业级的UI库，包含 110+ 组件，用于构建现代和功能丰富的 应用程序。要想尝试一下，注册一个30天的免费试用。
Telerik UI Grid TagHelper和HtmlHelper网络核心are server-side wrappers for the Kendo UI Grid widget. To add the component to your ASP.NET Core app, you can use either.
Grid是一个功能强大的控件，用于以表格格式显示数据。它提供了执行数据操作的选项，例如分页、排序、过滤、分组和编辑，这些操作决定了数据的呈现和操作方式。通过使用jQuery DataSource组件的Kendo UI，网格支持数据绑定到本地和远程数据集。
初始化网格
下面的示例演示如何定义网格。
@(Html.Kendo(). grid () . name ("grid") . columns (columns => {columns。(c => c. contactname).Width(140);列。(c => c. contacttitle).Width(190);列。Bound(c => c. companyname);列。(c => c. country).Width(110);}) . dataSource (dataSource => dataSource . ajax () . read (read => read。Action("Customers_Read"， "Grid")))) public class GridController: Controller {public ActionResult Customers_Read([DataSourceRequest] DataSourceRequest请求){var result = Enumerable。范围(0,50)。Select(i => new Customer {CompanyName = "公司名称" + i, ContactName = "联系人姓名" + i, ContactTitle = "联系人头衔" + i, Country = "国家" + i});var dsResult = result. todatasourcerresult(请求);返回Json (dsResult);}}public class Customer {public string ContactName {get;设置;}公共字符串CompanyName {get;设置;}公共字符串国家{获取;设置;}公共字符串ContactTitle{获取;设置;}}基本配置
网格配置选项作为helper的属性传递。网格使用数据源组件绑定它的数据。
要将值解析为适当的数据类型，请设置
类型字段在gridhtmlhelper或TagHelper的数据源模式模型中。
@(Html.Kendo(). grid () . name ("grid") . columns (columns => {columns。(p => p. orderid).Width(120);列。绑定(p = > p.OrderDate) .Format(“{0:MM / dd / yyyy}”);列。Bound(p => p. shipname).Width(300);列。Bound(p => p. shipcity).Width(250);}) . groupable () . sortable () . filterable () . pageable (pageable => pageable . buttoncount (5) . refresh (true) . pagesize (new[] {5,10,20}) . dataSource (dataSource => dataSource . custom () . transport (transport => transport . read (read => read) . .Action("Orders_Read"， "Grid")) . schema (schema => schema .Data("Data")) . model (model => {model. read ")字段(“向”,typeof (DateTime));})))) < DataSourceTagHelperType ="DataSourceTagHelperType. "自定义" Custom -type="odata" page-size="20"> 功能和特性
| 功能 | 描述 |
|---|---|
| 数据绑定 | 可以将网格绑定到远程数据或本地数据数组。此外，您还可以使用SignalR或者配置定制绑定． |
| 编辑 | 网格支持各种编辑模式，允许您控制数据的表示方式。 |
| 过滤 | 要过滤显示的数据，您可以使用行过滤、复选框过滤和菜单过滤。 |
| 分组 | Grid为总行和列值提供了内置聚合。此外，还可以使用组分页按需加载组，并同时在组之间分页。 |
| 分页 | 使用内置的分页功能对数据进行分页。为了获得最佳性能，请在服务器上执行分页操作。 |
| 排序 | 单，多，和混合排序模式允许您解决各种排序需求。 |
| 搜索面板 | Grid自带一个开箱即用的搜索面板，允许用户快速找到所需的数据。 |
| 导出到Excel | 网格使您能够将其内容导出到Excel。 |
| 导出为PDF格式 | 您可以使用内置的PDF导出功能。 |
| 印刷 | 如果需要，您可以只打印网格的内容，而忽略页面的其余部分。 |
| 列的增强 | 内置的网格功能如下锁着的和黏糊糊的列,柱模板，多列标题，列调整和重新排序允许您完全控制列的行为。 |
| 状态的持久性 | Grid允许您保存用户的自定义设置，并在用户再次登录后恢复这些设置。 |
| 层次结构 | Grid通过以分层方式显示其表数据，为可视化父记录和子记录之间的关系提供了选项。 |
| 模板 | 丰富的模板允许您自定义数据在表中的可视化方式。 |
| 滚动模式 | 虚拟滚动和无限滚动模式，让您进一步提高用户体验。 |
| 选择 | 选择功能及其各种选项允许用户快速操作所需的数据。 |
| 工具栏 | 您可以向工具栏添加命令按钮，甚至可以定义自定义命令。 |
| 呈现和样式 | 可以自定义网格的外观配置它的行，初始化网格隐藏的容器,使用自适应呈现，并设置其高度和宽度． |
| 全球化 | 网格通过以下组合提供全球化本地化与国际化和从右到左的支持． |
| 可访问性 | 网格可以被屏幕阅读器访问，支持WAI-ARIA属性，并且可以交付键盘快捷键为了更快的导航。 |