半岛权威十大直营(官方)网站

支持多种业务模型的web界面库dhtmlxSuite产品特征

翻译|行业资讯|编辑:董玉霞|2022-02-28 15:05:02.690|阅读 129 次

概述:本文将介绍dhtmlxSuite较近几个版本的共同特征。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

本文将介绍dhtmlxSuite较近几个版本的共同特征:

此功能需要专业版本的DHTMLX Suite包。

自定义滚动

从v7.2开始,DHTMLX包含简洁的自定义滚动条,采用薄灰色半透明设计,以取代标准浏览器滚动条。自定义栏带有自动隐藏行为,即它们最初是隐藏的,仅当用户将鼠标悬停在页面上时才显示。

自定义滚动可用于以下 DHTMLX 组件:列表、DataView、网格、TreeGrid、布局单元格、工具栏、功能区、边栏、窗口。

要将功能添加到您的应用程序中,您需要在初始化小部件之前将dhx.scrollViewConfig全局变量的enable属性设置为true :

// enable the custom scroll for all available widgets
dhx.scrollViewConfig.enable = true;

// initialize a widget
const list = new dhx.List("list_container", {
    itemHeight: 30
});

或者在小部件初始化后应用scrollView对象的enable()方法:

// initialize the widget
const list = new dhx.List("list", {
    template: listTemplate,
    itemHeight: 52,
    height: "100%",
    dragMode: "both",
});
list.data.load(data);

// enable custom scroll
list.scrollView.enable();

您可能会注意到,使用 Optimus 构建的所有 DHTMLX 演示都启用了自定义滚动:


打字稿支持

v6.5 及更高版本的 dhtmlxSuite 库允许您通过使用 TypeScript ,更快、更有效地使用 DHTMLX 组件。 

dhtmlxSuite,跨浏览器,Web应用程序,移动应用,JavaScript UI库

该库提供了对 Typescript 的内置支持,可以开箱即用。

触控支持

从v7.0及更高版本开始,dhtmlxSuite 库提供了内置的 Touch支持,可以开箱即用。因此,与触控设备上基于 DHTMLX 的应用程序的交互变得更加舒适和可预测。

在通过触摸屏幕与应用程序交互时,点击与鼠标点击是一样的。因此,单击事件(单击时触发、双击项目)将继续在触摸屏设备上工作。但请注意,鼠标悬停事件不会触发。

触摸支持适用于所有 DHTMLX 小部件,并且可以识别以下触摸手势:

  • 双击:编辑项目
  • 按住:调用上下文菜单
  • 拖动:调整项目大小和重新排序,更改 Slider、ColorPicker 或 TimePicker 中的值

以上就是dhtmlxSuite近几个版本的共同特征,想要了解更多版本详情,可前往官网查看详情。

dhtmlxSuit| 下载试用

dhtmlxSuit一个用于构建跨浏览器Web应用和移动应用的强大JavaScript UI库。


标签:

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


为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP