彩票走势图

界面控件DevExtreme使用指南 - 如何自定义上下文菜单和工具栏

翻译|行业资讯|编辑:龚雪|2023-05-23 09:45:31.887|阅读 40 次

概述:本文介绍如何使用DevExtreme文件管理器小部件自定义工具栏和上下文菜单,欢迎下载工具体验~

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

DevExtreme File Manager(文件管理器)小部件现在支持自定义内置的工具栏和上下文菜单,用户可以使用标准和定义的命令项填充项目集合,并配置设置来更改其外观和操作。

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构建交互式的Web应用程序,该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

DevExtreme v22.2正式版下载

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

标准项目

标准工具栏和上下文菜单项支持基本的文件和文件夹操作,如复制、删除和重命名、下载等。这些命令项是开箱即用的,不需要额外的代码,选项和 的文档页面包含可用标准命令名的完整列表。

用户可以更改标准项的可视化设置,包括text, icon和cssClass。

toolbar: {
items: [
{
name : "create" ,
icon : "plus",
text : "Add"
},
...

界面控件DevExtreme使用指南 - 如何自定义上下文菜单和工具栏
自定义项目

自定义项允许用户将自己的功能绑定到上下文菜单和工具栏中的UI元素,对于上下文菜单项,用户可以使用onClick事件来附加自己的处理程序:

contextMenu: {
items: [
{
text: "Share",
onClick: customOnClickHandler
},
...

 工具栏项还支持小部件选择,如果指定了一个小部件,则应该使用选项设置将参数传递给小部件本身,包括事件处理程序。

toolbar: {
items: [
{
widget: "dxButton",
options: {
text: "Share",
onClick: customOnClickHandler
}
},
...

工具栏项可见性

文件管理器有一个内置的系统来区分通用工具栏项和那些只适用于选定文件的工具栏项,项目集合包括那些应该在任何时候都可见的命令项,而集合中的项仅在用户选择了一个或多个文件或文件夹时才显示。

界面控件DevExtreme使用指南 - 如何自定义上下文菜单和工具栏

标准项的可见性还由内部逻辑控制,例如重命名项仅在选择文件时出现,即使将其包含在项集合中也是如此。如果用户希望项目在任何时候都是可见的,可以显式地设置可见属性。

items: [
{
name : "rename",
visible : true,
},
...

分层上下文菜单

文件管理器现在支持带有子菜单的分层上下文菜单,请注意,为了简洁起见,下面的示例只显示了标准命令项,但是自定义项也可以包含在层次结构中的任何位置。

contextMenu: {
items: [
{
text: "Editing",
items: [
"delete",
"rename"
]
}
}

界面控件DevExtreme使用指南 - 如何自定义上下文菜单和工具栏

DevExpress企业定制服务

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:慧都网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP