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

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

本文将介绍

自定义滚动

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

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

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

// enable the custom scroll for all available widgetsdhx.scrollViewConfig.enable = true;// initialize a widgetconst list = new dhx.List("list_container", {    itemHeight: 30});

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

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

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

打字稿支持

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

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

触控支持

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

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

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

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

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

dhtmlxSuit| 下载试用

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

标签：

来源：慧都