JavaScript UI库dhtmlxSuite v7.0发布，带有新的分页小部件和CSS小部件模板

DHTMLX开发团队一直在努力开发Suite JavaScript小部件库的主要版本。因此，DHTMLX Suite在7.0版中获得了许多全新的功能。

dhtmlxSuite是一个用JavaScript建立的富客户端开发框架。它是一个JavaScript UI库，用于建立一个完整的具有Ajax能力的前台组件。用户可以使用它建立一个企业级的跨浏览器Web应用和移动应用程序，它能提供优秀的性能和更丰富的用户体验。

dhtmlxSuite最新版

DHTMLX开发团队一直在努力开发Suite JavaScript小部件库的主要版本。因此，DHTMLX Suite在7.0版中获得了许多全新的功能。

满足主要更新的重点：

• 分页小部件
• 将Suite窗口小部件与Node.js结合使用的代码示例
• 用于样式化小部件的CSS模板
• 触摸设备上的完美作品
• 重新设计了布局，表单和标签栏

DHTMLX分页[PRO]

CSS窗口小部件模板

我们还提供了一种使用CSS模板在Web应用程序中样式化DHTMLX小部件的新颖方法。现在，您可以选择所需的小部件外观，从摘录中复制CSS样式，然后将其应用到您的应用中。这是一个深色工具栏的示例：

完美的触控支持

从现在开始，DHTMLX Suite在触摸设备上提供所有UI窗口小部件的流畅工作，使最终用户可以在任何设备上使用您的应用程序享受真正的原生体验。单击和双击触发的所有事件都将保留，并将照常触发。您可以通过以下链接在移动设备上测试DHTMLX小部件：https ://snippet.dhtmlx.com/q3cu6x1aode=mobile

重做布局

在v7.0中，与以前的版本相比，DHTMLX Layout提供了一种在页面上排列小部件的新方法。

首先，我们添加了许多预期的API属性来管理Layout单元的大小，例如宽度和高度，以自动调整到内容大小maxHeight，maxWidth，minHeight和minWidth。现在，gravity属性用于指定一个单元相对于同一行中一个父级中其他单元的权重。

其次，我们介绍了布局单元之间的三种边界类型：“空间”，“宽”和“线”。这些是“布局”单元格的类型配置属性的值。具有“空格”类型的单元格周围具有较大的空间。“宽”类型添加了单元格边框，仅在同级单元格之间留有宽阔的空间。“ line”类型仅向单元格添加边框。

我们的开发团队重塑了DHTMLX Form的事件系统，以增强交互性。我们创建了新的Form事件以及各个控件的事件。

在v7.0中，我们还引入了一种新型的表单控件– CheckboxGroup。它代表在一个块中排列在一起的一组复选框。CheckboxGroup拥有自己的API，其中包含用于控制其外观的方法和属性。

DHTMLX Tabbar获得了用于控制标签大小的新API属性。从v7.0开始，您可以在tabWidth和tabHeight属性的帮助下定义每个选项卡的大小。此外，现在可以通过tabAutoWidth和tabAutoHeight属性将标签的宽度和高度自动调整为容器的大小。

在v7.0中，您可以借助tabAlign属性轻松地将选项卡左，中或右对齐。

如果容器溢出了选项卡中的内容，则用户可以在外观漂亮的箭头的帮助下在选项卡之间切换，并平滑地滚动选项卡。

v7.0中另一个备受期待的功能是能够在DHTMLX Grid和TreeGrid中隐藏和显示行。为此，我们添加了新的API方法：showRow（）和hideRow（）。

拖放事件

V7.0在DHTMLX DataView，Grid，List，Tree和TreeGrid中提供了新的拖放事件。现在，所有最终用户操作都可以包含特定事件，这些事件使您可以完全控制Web应用程序的功能。V7.0包括事件监听器，用于诸如开始和结束拖放行之类的用户操作。您可以在文档中熟悉每个小部件的新事件。

其他更新

v7.0中的新功能和更新列表还远远没有完成。让我们简要介绍一下其他新颖性和增强功能。

• 改进了DataCollection的排序和筛选方法。每当数据集更改时，就会出现新的smartSorting方法来对数据进行排序。
• 事件集合已更新，并丰富了Form，TimePicker，Tree和TreeGrid小部件。DataView，Grid和List小部件可以将事件侦听器添加到项目的自定义模板中。
• Selection API已在Tree，List，DataView和Grid小部件中更新。
• 例如，可以访问和操作Grid标头中的过滤器，从而专注于您选择的过滤器，进行更改或清除。
• 在菜单，工具栏和功能区小部件中创建了用于操纵项目选择的新API方法。
• 在小部件初始化期间用于设置初始值的属性值已添加到ComboBox和TimePicker小部件中。

我们期待收到您的反馈。在下面的讨论中留下您的评论！
当前的客户可以在其客户区域中访问最新版本的DHTMLX Suite 。

想要购买dhtmlxSuite正版授权，或了解更多产品信息请点击【咨询在线客服】

标签：