新Telerik UI为Blazor?免费下载30天试用
网格—持续状态
- 例子
- 查看源代码
- 改变主题
默认的
配置器
控制网格状态
改变网格(例如,过滤器、页面、调整列大小、更改分组)和保存那么,网格状态重新加载查看状态的页面持续存在。改变网格多了一些和负载看到最后一个被保存下来。您可以使用自己的代码管理网格状态,并将其放入特定的配置中配置按钮。你也可以重置将网格设置为默认设置。这个演示将记住您上一次的网格布局,直到您清除浏览器存储或单击重置按钮。
拖动列标题并将其放在这里,以按该列分组
ID | 产品名称 | 价格 | 现在有货 | 单位数量 | 停止 |
---|---|---|---|---|---|
|
|
|
|
|
(所有)
|
1 | 柴 | 18.00 | 39 | 10盒× 20袋 | 假 |
2 | 常 | 19.00 | 17 | 24 - 12盎司瓶 | 假 |
3. | 八角糖浆 | 10.00 | 13 | 12 - 550毫升瓶 | 假 |
4 | 安东厨师的卡津调味料 | 22.00 | 53 | 48 - 6盎司的罐子 | 假 |
5 | 安东主厨的秋葵汤 | 21.35 | 0 | 36箱 | 真正的 |
6 | 奶奶的博森贝里酱 | 25.00 | 120 | 12 - 8盎司的罐子 | 假 |
7 | 鲍勃叔叔的有机梨干 | 30.00 | 15 | 12 - 1磅。 | 假 |
8 | 诺斯伍德蔓越莓酱 | 40.00 | 6 | 12 - 12盎司的罐子 | 假 |
9 | 美西·神户尼库 | 97.00 | 29 | 18 - 500克包装。 | 真正的 |
10 | Ikura | 31.00 | 31 | 12 - 200毫升罐子 | 假 |
11 | Queso卡布拉尔 | 21.00 | 22 | 1公斤/公斤。 | 假 |
12 | Queso Manchego La Pastora | 38.00 | 86 | 10 - 500克装。 | 假 |
13 | Konbu | 6.00 | 24 | 2公斤箱 | 假 |
14 | 豆腐 | 23.25 | 35 | 40 - 100克包装。 | 假 |
15 | Genen Shouyu | 15.50 | 39 | 24 - 250毫升瓶 | 假 |
16 | 奶油蛋白甜饼 | 17.45 | 29 | 32 - 500克盒装 | 假 |
17 | 爱丽丝羊肉 | 39.00 | 0 | 20 - 1公斤罐头 | 真正的 |
18 | 卡那封虎 | 62.50 | 42 | 每公斤16公斤。 | 假 |
19 | 茶时巧克力饼干 | 9.20 | 25 | 10盒,12件 | 假 |
20. | 罗德尼爵士果酱店 | 81.00 | 40 | 30个礼盒 | 假 |
- Persist-state.razor
- ProductService.cs
- LocalStorage.cs
- ProductDto.cs
正在加载演示源代码…请稍等。
描述
您可以保存并加载网格布局,以便您的用户可以继续他们停止的地方—分页、分组、选择的项目、编辑的项目、列大小和顺序、排序和筛选—所有网格方面都是可用的。您还可以通过在自己的代码中为网格设置所需的状态以编程方式控制它们。
这个Grid Persist State示例是由数百个Blazor演示组成的独特集合的一部分,您可以通过它查看所有示例用于Blazor组件的Telerik UI他们的特征在行动。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观开拓者的Telerik REPL或ThemeBuilder.