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