首页 > 其他分享 >界面控件DevExpress Blazor UI v22.2亮点:全新的Window组件

界面控件DevExpress Blazor UI v22.2亮点:全新的Window组件

时间:2023-05-08 10:13:14浏览次数:55  
标签:控件 DevExpress 网格 v22.2 API 搜索 Blazor 数据

DevExpress拥有.NET开发需要的所有平台控件,包含600多个UI控件、报表平台、DevExpress Dashboard eXpressApp 框架、适用于 Visual Studio的CodeRush等一系列辅助工具,该组件拥有众多新产品和数十个具有高影响力的功能,可为桌面、Web和移动应用提供直观的解决方案,全面解决各种使用场景问题。

DevExpress v22.2已于近期正式发布了,新版本发布了全新的Window组件、增强了数据网格组件等,欢迎下载正式版体验!

DevExpress Blazor v22.2官方正式版下载

DevExpress技术交流群7:674691612      欢迎一起进群讨论

全新的Window组件

全新的Window组件是一个非模态窗口,其功能包括:

  • 移动和调整大小
  • 头部定制
  • 显示/隐藏关闭按钮
  • 窗口定位(在指定位置或UI元素)
  • 键盘支持
  • 全面的API
DevExtreme v22.2新版图集
Data Grid
导出数据到Excel

Blazor Data Grid(数据网格)现在可以将数据导出到Excel,使用这个新风格的API,开发者可以将数据保存到XLS、XLSX和CSV文件(或流)中,数据导出操作支持分组、排序、过滤、汇总和分组汇总。

新的API包括:

所有方法都接受'options'参数,该参数用于自定义导出的文档。

DevExtreme v22.2新版图集
搜索框

Blazor Data Grid(数据网格)组件包括一个渐进式不区分大小写的搜索选项(允许用户在输入时定位匹配的文本),在搜索框中输入时,数据网格会过滤数据行,显示与搜索字符串匹配的行,并突出显示搜索结果。

其他功能包括:

  • 支持特殊字符。
  • 可配置的输入延迟。
  • 支持搜索框占位符(空文本)。
  • 从搜索操作中排除特定列的功能。
  • 内置搜索文本解析模式。
  • 能够在代码中指定搜索文本(搜索API)。

用户可以自定义搜索框外观设置,从模板呈现搜索框,或者使用外部编辑器。

DevExtreme v22.2新版图集
集成编辑器外观

嵌入到单元格中的DevExpress数据编辑器与单元格本身共享相同的边界。

要启用新模式,将EditorRenderMode属性设置为Integrated。

DevExtreme v22.2新版图集
聚焦行

Blazor网格现在支持行焦点,用户可以用鼠标聚焦一行,将FocusedRowEnabled 属性设置为“true”来启用此功能。

SetFocusedDataItemAsyncSetFocusedRowIndex方法允许用户聚焦代码中的一行,数据网格在焦点行发生更改后触发FocusedRowChanged事件。

DevExtreme v22.2新版图集
全选

全新的 SelectAllCheckboxMode 属性指定SelectAll复选框的操作,可用的选项包括:

  • Page - 选择/取消选择当前页面上的所有行。
  • AllPages - 选择/取消选择所有页面中的所有行。
  • Mixed - 选择/取消选择当前页面上的所有行,下拉按钮打开上下文菜单,允许用户选择和取消选择所有网格页面中的所有行。

新的API包括:

按显示文本过滤

全新的DxGridDataColumn.FilterMode属性指定如何筛选列数据,可用的选项包括:

  • 根据单元格内显示的文本筛选数据。
  • 值 - 根据单元格值筛选数据。
过滤器表达式API

新的API允许用户在代码中过滤数据,并实现一个针对特定使用场景的外部过滤UI:

修复高度和相对高度

用户可以显式地设置Blazor网格的高度,或者将高度设置为容器/视口高度的百分比。无论网格中显示的行是什么,页脚元素都将保持在底部。

XAML

<DxGrid style="height:100%" Data="@forecasts">

更多DevExpress线上公开课、中文教程资讯请上中文网获取

标签:控件,DevExpress,网格,v22.2,API,搜索,Blazor,数据
From: https://www.cnblogs.com/AABBbaby/p/17380853.html

相关文章

  • DevExpress
    DevExpress.XtraGrid.GridControl控件获取选中行某列的值intselectedHandle;selectedHandle=this.gridView1.GetSelectedRows()[0];MessageBox.Show(this.gridView1.GetRowCellValue(selectedHandle,"RoadName").ToString());......
  • SQL_DataGridView控件
    1.DataGridView控件——加载数据usingSystem;usingSystem.Data;usingSystem.Text;usingSystem.Windows.Forms;usingSystem.Data.SqlClient;namespaceTest03{publicpartialclassForm1:Form{publicForm1(){Initializ......
  • 一个网页的控件很碍眼,怎么能将它关闭掉?
    ctrl+shift+i打开开发者模式,用小箭头选中控件右击“Hiddenelement”,或者Editattribute,添加属性class="display:none"。前者更简单,后者更彻底。......
  • C#一行代码之获取控件值
    代码使用varcellValue=dataGridView.ExInvokeGetCellValue(0,1);代码封装///<summary>///DataGridView获取单元格值///</summary>///<paramname="dataGridView"></param>///<paramname="rowIndex"></param>//......
  • C#一行代码之跨线程更新控件1
    代码使用ThreadPool.QueueUserWorkItem(o=>{for(inti=0;i<100;i++){textBox1.ExInvokeIt(textBox=>textBox.Text=i.ToString());}});//或Task.Run(()=>{for(inti=0;i<100;i++){textBox1.E......
  • 潮起潮落 错误"控件包含代码块(即 <% ... %>),因此无法修改控件集合"的原因和解决方法
    https://www.cnblogs.com/luointer123/archive/2009/12/21/1628894.html如以下的调用方法,可能出现错误:控件包含代码块(即<%...%>),因此无法修改控件集合后台C#代码:     publicstringtest()     {          return"test";      }前台J......
  • 在Winform分页控件中集成保存用户列表显示字段及宽度调整设置
    在Winform的分页控件里面,我们提供了很多丰富的功能,如常规分页,中文转义、导出Excel、导出PDF等,基于DevExpress的样式的分页控件,我们在其上面做了不少封装,以便更好的使用,其中就包括集成保存用户列表显示字段及宽度调整设置。本篇随笔介绍这个实现的过程,通过在当前程序中序列化方式存......
  • WPF项目中使用WInform版本的 ChromiumWebBrowser控件嵌套网页 解决中文输入法候选框定
    创建一个用户控件,后台代码:publicpartialclassCefControl:UserControl{ChromiumWebBrowserwebView=null;publicCefControl(){InitializeComponent();if(!CefSharp.Cef.IsInitialized){......
  • 界面控件DevExpress WPF富文本编辑器,让系统拥有Word功能(二)
    DevExpressWPF控件的富文本编辑器允许开发者将文字处理功能集成到下一个WPF项目中,凭借其全面的文本格式选项、邮件合并以及丰富的终端用户选项集合,可以轻松地提供MicrosoftWord功能。DevExpressWPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。......
  • 第5-0讲,Text 文本控件
    Entry只能输入一行文字,如果想要输入多行文字,需要使用Text文本控件importtkinterastkfromtkinterimportmessagebox#创建窗体window=tk.Tk()#设置窗体的标题window.title('多行输入-text')#设置窗体的大小window.geometry('300x200')#创建textcontext=tk.Text......