首页 > 其他分享 >界面控件DevExtreme PivotGrid,拥有新的HTML编码体验!

界面控件DevExtreme PivotGrid,拥有新的HTML编码体验!

时间:2023-07-18 09:44:19浏览次数:81  
标签:控件 v22.2 DevExtreme HTML PivotGrid true 属性

虽然DevExtreme刚刚发布了v23.1,但今天我们仍然要继续总结一下之前的主要更新(v22.2)中发布的一些与DevExtreme PivotGrid(透视网格)组件相关的重要特性。

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构建交互式的Web应用程序。从Angular和Reac,到ASP.NET Core或Vue,DevExtreme包含全面的高性能和响应式UI小部件集合,可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

DevExtreme v23.1正式版下载

DevExpress技术交流群8:523159565      欢迎一起进群讨论

字段选择器 - 编码HTML

有时用户可能会发现有必要在Field Chooser元素中呈现自定义HTML标记(例如将值显示为链接),在DevExtreme v22.2中,您可以配置如何在PivotGridFieldChooser组件的头部过滤器中解析解析HTML标记,这个功能是通过新的encodeHtml Boolean属性实现的。默认情况下启用此属性(以防止潜在的安全漏洞,例如XSS攻击),在禁用状态下,所有标记都转换为标记。如果禁用此属性,请确保HTML内容是安全的。

下面的代码片段演示了此属性的使用:

<dx-pivot-grid-field-chooser ...
[encodeHtml]=“true”
>
</dx-pivot-grid-field-chooser>
导出字段面板标题

DevExtreme v22.2允许您导出PivotGrid(透视网格)数据和字段面板标题到Excel,在之前这种组合需要变通。在v22.2中,您可以使用exportPivotGrid方法中的属性来选择要导出的字段面板标题。

下面的代码片段演示了这些属性的使用:

await exportPivotGrid({
// ...
exportDataFieldHeaders: true,
exportRowFieldHeaders: true,
exportColumnFieldHeaders: true,
exportFilterFieldHeaders: true,
})
【盘点】界面控件DevExtreme PivotGrid,拥有新的HTML编码体验!

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

标签:控件,v22.2,DevExtreme,HTML,PivotGrid,true,属性
From: https://www.cnblogs.com/AABBbaby/p/17561932.html

相关文章

  • html5呼吸效果
    HTML5呼吸效果的实现1.整体流程下面是实现HTML5呼吸效果的整体流程,可以用表格展示步骤:步骤描述1创建一个基本的HTML文件2添加必要的CSS样式3使用JavaScript实现呼吸效果4在HTML文件中引入相应的CSS和JavaScript文件5运行HTML文件,查看呼吸效果2.......
  • html5 plus 返回上一页
    HTML5Plus返回上一页在移动应用开发中,经常会遇到需要返回上一页的场景。HTML5Plus提供了一种简便的方式来实现这一功能,本文将介绍如何使用HTML5Plus来返回上一页,并提供一些代码示例来帮助读者更好地理解。HTML5Plus简介HTML5Plus是一种用于移动应用开发的开发框架,它......
  • HTML简单学习
    介绍:如果你想让你的网页在浏览器中正常显示,你就必须遵循HTML标签HTML文件的后缀名是.htmlHTML文档介绍:<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <title>Title</title>#标签顶部显示的内容</head><body></body&g......
  • HTML入门-----常用标签之水平线标签
    水平线标签<hr/><!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title></title> </head> <body> <hr/> 张学友 <br/> 周杰伦 </body>......
  • winform中DataGridview控件
    privatevoidForm1_Load(objectsender,EventArgse){DataTabledt=newDataTable();DataColumnc1=newDataColumn("序号",typeof(string));DataColumnc2=newDataColumn("名称",typeof(string));......
  • HTML入门-----常用标签之字体样式标签
    字体样式标签可以改变字体的样式加粗:<strong></strong>,<b></b>斜体:<em></em>,<i></i>示例:<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title></title>......
  • HTML入门-----常见标签之注释和特殊符号
    注释和特殊符号空格:&nbsp大于号(>):&gt小于号(<):&lt引号("):&quot版权符号©:&copy!......
  • HTML入门-----初识html
    HTML简介:是一种超文本标记语言。网页的组成:骨架:HTML表现层:CSS行为层:JavaScript网页的基本结构:<html> <!---网页头部---> <head> <title>网页标题</title> </head> <!---网页的主体---> <body> 网页主体 </body></html><html>…</......
  • HTML入门---常用标签之标题标签
    .标题标签h1~h6自动换行,自动加粗,数值越小字越大。示例:<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title></title> </head> <body> <h1>标题</h1> <h2>标题</h2> <h3>标题</h3......
  • 前端三剑客之html
    一、http协议1、http超文本传输协议HTTP(HypertextTransferProtocol)是一种用于在Web上传输数据的协议,规定了服务端和客户端之间的数据传输格式及其标准。HTTP协议是一种应用层协议,它是基于TCP/IP协议开发的。HTTP在TCP之上,而TCP在IP之上,形成了一个层次化的协议栈,这种组合......