DevExpress Blazor组件全新来袭!增强Data Grid、TreeView API
点击获取DevExpress v19.1.7最新完整版试用下载
DevExpress UI for Blazor即将在最新的v19.1.8中可用,此次更新发布包括DevExpress Blazor组件的主要功能增强:新的数据网格、图表、TreeView和Tabs。本文将先为大家介绍Data Grid、TreeView API!
Data Grid
新的数据分页API
Blazor数据网格组件附带了一个外部数据导航API,激活网格的分页模式(DataNavigationMode = DataGridNavigationMode.Paging),然后使用以下API启用分页:
- PageIndex - 指定当前页面索引。
- PageIndexChanged - 当前页面索引更改时触发。
- PageCount - 返回当前页数。
- PageCountChanged - 当前页数更改时触发。
...@code {
int gridPageIndex;
[Parameter] public int GridPageIndex {
get => gridPageIndex;
set { gridPageIndex = value; InvokeAsync(StateHasChanged); }
}
[Parameter] public int GridPageNumber {
get => gridPageIndex + 1;
set { gridPageIndex = value - 1; InvokeAsync(StateHasChanged); }
}
int gridPageCount;
[Parameter] public int GridPageCount {
get => gridPageCount;
set { gridPageCount = value; InvokeAsync(StateHasChanged); }
}
}
TreeView
支持节点模板
Blazor TreeView允许用户通过模板化UI元素为节点和相关内容创建可重用的布局,可用模板如下:
- NodeTemplate - 指定所有TreeView节点内容的模板,所有节点的模板均相同。
- NodeTextTemplate - 指定所有TreeView节点文本的模板,所有节点的模板均相同。
- Template - 指定单个节点内容的模板。
- TextTemplate - 指定单个节点的文本模板。
新节点的展开/折叠动作
现在,您可以指定哪个用户操作来展开或折叠节点。要启用此功能,请将NodeExpandCollapseAction属性设置为以下操作当中的一个:
- Auto – 单击(或如果AllowNodeSelection属性设置为“ true”,则双击)一个节点或其展开按钮来展开/折叠该节点。
- NodeClick - 单击一个节点或其展开按钮来展开或折叠该节点。
- NodeDoubleClick - 双击节点或其展开按钮来展开或折叠该节点。
- ButtonClick – 仅单击节点展开按钮即可展开或折叠该节点。
@context.Text...@code {
DxTreeView treeView;
protected string GetNodeCssClass(ITreeViewNodeInfo nodeInfo) {
var selectedNode = treeView.GetSelectedNodeInfo();
var selectedStateClass = selectedNode != null &&
selectedNode.Name == nodeInfo.Name ? "text-primary" : "text-secondary";
var expandedStateClass = !nodeInfo.IsLeaf &&
treeView.GetNodeExpanded(n => n.Name == nodeInfo.Name) ?
"font-weight-bold" : "";
return (selectedStateClass + " " + expandedStateClass).Trim();
}
}
DevExpress v19.1.7全新发布,欢迎下载最新版体验哦~
DevExpress中文网官网QQ群:540330292 欢迎一起进群讨论
扫描关注DevExpress中文网微信公众号,及时获取最新动态及最新资讯

DevExpress Blazor组件全新来袭!增强Data Grid、TreeView API的更多相关文章
- .Net界面开发必备!DevExpress Blazor UI全新组件助力界面开发
行业领先的.NET界面控件DevExpress 正式发布了v19.1版本,DevExpress UI for Blazor/ Razor组件附带7个用户界面组件(包括Data Grid和Pivot G ...
- 微软Blazor组件发布,DevExpress v19.1.8中可用:Charts新功能
点击获取DevExpress v19.2.3最新完整版试用下载 DevExpress UI for Blazor在v19.1.8中可用,此次更新发布包括DevExpress Blazor组件的主要功能 ...
- DevExpress WinForms使用教程:Data Grid - Find Panel模式
[DevExpress WinForms v18.2下载] DevExpress WinForms用户都熟知,Data Grid是整个产品线的主要产品.在v18.2中添加了一些新的功能,例如之前教程中 ...
- 基于 Angular Material 的 Data Grid 设计实现
自 Extensions 组件库发布以来,Data Grid 成为了使用及咨询最多的组件.最开始 Data Grid 的设计非常简陋,经过一番重构,组件质量有了质的提升. Extensions 组件库 ...
- DevExpress WPF v19.1:Data Grid/Tree List等控件功能增强
行业领先的.NET界面控件DevExpress 日前正式发布v19.1版本,本站将以连载的形式介绍各版本新增内容.在本系列文章中将为大家介绍DevExpress WPF v19.1中新增的一些控件及部 ...
- .NET Core 3全新来袭!DevExpress Winforms v19.2支持High DPI
DevExpress Winforms Controls 内置140多个UI控件和库,完美构建流畅.美观且易于使用的应用程序.无论是Office风格的界面,还是分析处理大批量的业务数据,DevExpr ...
- Winforms界面开发DevExpress v19.2:Map、Pivot Grid等功能增强
DevExpress Winforms Controls 内置140多个UI控件和库,完美构建流畅.美观且易于使用的应用程序.无论是Office风格的界面,还是分析处理大批量的业务数据,DevExpr ...
- .NET界面开发新体验!DevExpress v19.2.4全新来袭
DevExpress Universal Subscription(又名DevExpress宇宙版或DXperience Universal Suite)是全球使用广泛的.NET用户界面控件套包,De ...
- VCL界面控件DevExpress VCL Controls v19.1.3全新来袭
DevExpress VCL Controls是 Devexpress公司旗下最老牌的用户界面套包.所包含的控件有:数据录入,图表,数据分析,导航,布局,网格,日程管理,样式,打印和工作流等,让您快速 ...
随机推荐
- POJ1041 John's trip 【字典序输出欧拉回路】
题目链接:http://poj.org/problem?id=1041 题目大意:给出一个连通图,判断是否存在欧拉回路,若存在输出一条字典序最小的路径. 我的想法: 1.一开始我是用结构体记录边的起点 ...
- 基于模板匹配的目标跟踪(OpenCV)
基于VS2010+ OpenCV2.代码可以读入视频,也可以读摄像头,两者的选择只需要在代码中稍微修改即可.对于视频来说,运行会先显示第一帧,然后我们用鼠标框选要跟踪的目标,然后跟踪器开始跟踪每一帧. ...
- DOS bcp
C:\>bcp /?用法: bcp {dbtable | query} {in | out | queryout | format} 数据文件 [-m 最大错误数] [ ...
- PAT A1020 Tree Traversals(25)
题目描述 Suppose that all the keys in a binary tree are distinct positive integers. Given the postorder ...
- LeetCode 203——移除链表(JAVA)
删除链表中等于给定值 val 的所有节点. 示例: 输入: 1->2->6->3->4->5->6, val = 6 输出: 1->2->3->4 ...
- IaaS、PaaS、SaaS是云计算的三种服务模式
IaaS.PaaS.SaaS是云计算的三种服务模式 1. SaaS:Software-as-a-Service(软件即服务)提供给客户的服务是运营商运行在云计算基础设施上的应用程序,用户可以在各种设备 ...
- C++入门基础知识(二)
一:引用 概念:是给一个已经存在的变量取一个别名,编译器不会为引用变量开辟内存空间,它和引用的变量公用一块内存空间. 例如: 类型& 引用变量名(对象名)= 引用实体 int& a = ...
- C#中word文档转html
var path = Request.Url.Host + ":" + Request.Url.Port + list[i].AnnexPath; //html保存路径 strin ...
- 序列化和反序列化在浏览器和 Web 服务器之间传递的数据、加密解密
js中数组不能传递到后台,需进行json序列化: var data = new Array(); data.push({para1:name,para2:answer}); string data = ...
- EasyUI_前台js_分页
1.html: <table id="DataTb" title="客户信息" class="easyui-datagrid" sty ...