dhtmlxsuite最新动态

最后更新 : 2021.01.19  

dhtmlxsuite最新动态插图

是用。它是一个用于构建具有Ajax功效的完整前台组件的库。用户可以用它来构建企业级的跨浏览器Web应用和移动应用,可以提供精彩的性能和更厚实的用户体验。

开发团队一直在起劲开发小部件库的主要版本。因此,在7.0版本中获得了许多新功效。

知足主要更新的要点:

分页小部件

使用小部件的代码示例

样式小部件的CSS模板

触摸装备上的完善作品

重新设计了结构、表单和标签栏

校对[PRO]

与数据交互是用户在网络应用中面临的最大挑战之一。当表中的数据行漫衍在多个页面上时,必须为用户提供适当的导航控件。从v7.0最先,DHTMLXSuite已经附加了用于在DHTMLXGrid、TreeGrid、Tree、List和DataView中导航内容的JavaScript分页小部件。

DHTMLX分页使最终用户能够在输入字段和导航按钮的辅助下快速搜索需要的信息。可以直接使用,也可以凭据Web应用的需求举行调整。一系列API属性可用于控制输入宽度、每页显示的项目数以及界说初始页面。与小部件一起使用的应用编程接口方式与事宜侦听器一起使用,以确保最终用户的交互和用户友好体验。

请注意DHTMLX分页只有PRO版本才有。

Node.js演示

应DHTMLX客户端的请求,我们准备了一个若何使用Node.js作为后端实现DHTMLX小部件的代码示例。这些示例展示了若何在DHTMLX网格、树、表单、数据视图、列表、图表和SimpleVault小部件中获取、编辑、删除和发送数据。你可以在GitHub上接见和浏览Node.js演示。

CSS小部件模板

我们的主要目的之一是加速网络开发。为了实现这个目的,我们在分步指南“若何使用JavaScript建立用户友好的应用程序”中列出了乐成应用程序的焦点设计原则。在这里,我们展现了便于导航、数据编辑、过滤和样式设置的要害点。

我们还提供了一种新颖的方式,使用CSS模板在网络应用程序中设计DHTMLX小部件的样式。现在,您可以选择所需的小部件外观,从摘录中复制CSS样式,然后将它们应用到您的应用程序中。这是一个玄色工具栏的示例:

完善的触摸支持

从现在最先,DHTMLXSuite提供了触摸装备上所有用户界面小部件的平滑操作,因此最终用户可以在任何装备上享受您的应用程序的真正本机体验。由点击和双击触发的所有事宜将被保留,并将照常触发。您可以通过以下链接在移动装备上测试DHTMLX小部件:https://snippet.dhtmlx.com/q3cu6x1a?模式=移动

重做结构

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

首先,我们添加了许多预期的API属性来治理结构单元的巨细,如宽度和高度,以便自动调整到最大高度、最大宽度、最小八和最小宽度的内容巨细。现在,重力属性用于指定一个单元格相对于统一行中父单元格中其他单元格的权重。

其次,我们先容了结构单元之间的三种界限类型:“空间”、“宽度”和“线”。这些是结构单元格的类型设置属性值。“空间”类型的单元格周围有一个很大的空间。“宽”类型添加了单元格边框,在统一级其余单元格之间只留下很宽的空间。“线条”类型仅给单元格添加边框。

若是不指定自己的类型,子单元格将继续其父单元格的边框类型。因此,您可以快速应用需要的结构设置,并界说所需的边框类型,以便在视觉上将单元格相互离开。

返工表

我们的开发团队重塑了DHTMLXForm的事宜系统,以增强交互性。我们为每个控件建立了一个新的窗体事宜。

在v7.0中,我们还引入了一个新的表单控件——checkbox group。它示意在一个块中排列在一起的一组复选框。CheckboxGroup有自己的API,其中包罗控制其外观的方式和属性。

改善型房源 刚需应若何入市

随着二孩政策的放开和生活水平的提高,人们的生活水平逐渐提高。为了改善生活,他们在居者有其屋的道路上追求生活品质。在选择产品时,他们更注重质量。好的产品无论是价格、交通、教育、医疗等各个方面都要达到一定的标准。他们必须满足自己的期望。这种关键性的理性要求直接冲击了现实市场,无形中推动了集团改善自有住房…

此外,新的距离元素以dhtmlxsuite最新动态DHTMLX形式泛起。它可以通过占有控件之间的空间来分开控件。领会有关距离器及其应用编程接口的更多信息

HTML属性,如最小长度、最大长度、最小和最大,现在可用于输入和文本区域控件。

我们添加了一个新属性来指定RadioGroup控件中的初始值。

此外,v7.0还提供了通过新的API方式setfocus和Focus()在指定的窗体控件上设置焦点的功效。

标签栏:巨细、对齐、内容溢出

DHTMLXTabbar获取一个新的API属性来控制标签巨细。从v7.0最先,您可以借助tabWidth和tabHeight属性来界说每个选项卡的巨细。此外,标签的宽度和高度现在可以通过标签宽度和标签高度属性自动调整到容器的巨细。

在v7中。

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

若是容器溢出了选项卡中的内容,则用户可以在外观漂亮的箭头的辅助下在选项卡之间切换,并平滑地转动选项卡。

dhtmlxsuite最新动态插图1

Grid和TreeGrid:隐藏和显示行

v7.0中另一个备受期待的功效是能够在DHTMLXGrid和TreeGrid中隐藏和显示行。为此,我们添加了新的API方式:showRow()和hideRow()。

拖放事宜

V7.0在DHTMLXDataView,Grid,List,Tree和TreeGrid中提供了新的拖放事宜。现在,所有最终用户操作都可以包罗特定事宜,这些事宜使您可以完全控制Web应用程序的功效。V7.0包罗事宜监听器,用于诸如最先和竣事拖放行之类的用户操作。您可以在文档中熟悉每个小部件的新事宜。

其他更新

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

改进了DataCollection的排序和筛选方式。每当数据集更改时,就会泛起新的smartSorting方式来对数据举行排序。

事宜聚集已更新,并厚实了Form,TimePicker,Tree和TreeGrid小部件。DataView,Grid和List小部件可以将事宜侦听器添加到项目的自界说模板中。

SelectionAPI已在Tree,List,DataView和Grid小部件中更新。

例如,可以接见和操作Grid标头中的过滤器,从而专注于您选择的过滤器,举行更改或消灭。

在菜单,工具栏和功效区小部件中建立了用于操作项目选择的新API方式。

在小部件初始化时代用于设置初始值的属性值已添加到ComboBox和TimePicker小部件中。

我们期待收到您的反馈。在下面的讨论中留下您的谈论!

下载免费试用版【慧都网】

当前的客户可以在其客户区域中接见最新版本的DHTMLXSuite。

相关阅读

- END -

31
0