sencha extjs_使用Sencha ExtJS5进行跨平台开发的新工具

sencha extjs

多年来，ExtJS一直是领先的针对Web和Hybrid应用程序JavaScript开发UI框架。 这个新版本清除了一系列旧功能并添加了许多现代增强功能。 这些措施包括向HTML5迈进，将公司应用程序带到更大的触摸设备上以及向已经令人印象深刻的小部件集合添加更多小部件。

毫无疑问，这是Sencha的一个巨大版本，几乎没有太多新功能和增强功能可以写到一篇文章中。 我们将介绍与版本4的不同之处，并在以后的文章中讨论其中的一些重大更改。

这个最新版本是向与Sencha Touch融合迈进的一步，我预计这两个版本将于明年4月在SenchaCon上合并。

Sencha使从ExtJS4.x升级到ExtJS 5.x的过程变得相当简单，它具有内置的兼容性层，为开发人员提供了仅开发的填充程序，该填充程序在开发过程中提供了控制台消息，提醒他们需要关注的领域以进行过渡到新框架。

在升级方面，实现图表是唯一的主要领域，在该领域中，升级整个应用程序可能会因就地升级而中断，因为整个库已被替换。 但是，您可以通过将其作为一个软件包包含在应用程序中来应用以前的旧版图表。 在开发过程中，在app.json简单配置app.json打开此兼容性层。

新的核心共享库

ExtJS5和Sencha Touch的下一个主要版本现在将共享相同的核心代码，包括数据包。 这是一个经常被要求的功能，并且为桌面和移动应用程序开发人员所期望。 这也意味着您的桌面和移动项目将能够使用相同的Sencha工作区，从而更轻松地为多个目标构建应用程序。

核心程序包包含类系统，数据，事件，元素，实用程序和功能/环境检测类。

图表库在基于触摸和鼠标的环境之间共享，Sencha Touch图表库已包括并进行了升级，从而为可视化带来快速的图表和交互。

MVVM和MVC

ExtJS5允许开发人员使用MVVM或MVC架构来构建其应用程序。 这个新版本转向MVVM，并引入了ViewModels和ViewControllers 。 ViewModels带来了数据绑定的所有好处，并且ViewControllers简化了与视图的连接，并且可以通过集中于一个视图来降低控制器的复杂性。 这些更改为开发团队的项目带来了很多优势，其中分离带来了更大的灵活性。

触摸设备和移动支持

Sencha已在针对平板电脑和大屏幕设备的新触摸支持方面做了很多工作。 这是通过引入新的启用触摸的基本主题（Neptune Touch和Crisp Touch）实现的，其中所有组件现在都支持触摸和手势。

ExtJS5看到了响应式组件的引入（现在可以在同一应用程序中选择响应式和自适应设计），并提供全触摸事件支持。 制作组件的内容就像将响应式插件添加到组件的插件配置中，然后将规则添加到UI组件一样简单。

现在可以从Sencha Cmd将ExtJS 5平板电脑应用打包为PhoneGap / Cordova应用。 因此，使用一个命令，您可以删除未使用的Sencha类，构建SASS主题，最小化代码并将应用程序包装在PhoneGap中（或推送到PhoneGap构建）以供部署。

设计与主题

Sencha再次使用一组SASS主题交付主题，并在ExtJS5中引入了新主题“ Crisp”。 Crisp专为高分辨率设备而设计，您可以想象它具有清晰的iOS7外观。

已为Menu ， Lableable ， FieldSet ， CheckboxGroup以及诸如Text ， Spinner ， Display和Checkbox字段创建了其他SASS mixin。

现代和移动浏览器

ExtJS5放弃了对IE6和IE7的支持，并将库移至现代浏览器领域。 这是一个重大举措，它将带来大量的代码和性能优势。 ExtJS5应用程序将使用HTML5 Doctype。 ExtJS 5.0支持IE8 +，Firefox，Safari 6 +，Chrome和Opera，以及对Android，Safari移动版和Windows手机IE的平板电脑支持。

小部件，新用户界面和组件升级

Sencha的Legendary Grid现在允许您在网格单元内添加小部件以进行可视化，从而为实时数据显示带来了巨大的性能提升。 网格已经进行了大修，现在可以逐行运行，从而提供了更多的性能更新。 网格过滤扩展功能现已直接在Grid类中实现。

选项卡面板现在允许选项卡沿任何方向旋转，并且可以定位在组件的任何一侧。 Trigger字段已被删除，并在textfield类中被新的Trigger配置替换，因此您可以根据需要添加任意数量的触发器。 此版本中已实现表单上的自动字段标签。

仪表板演示是另一个重大更新。 它分为三个新类，使您可以创建具有可调整大小的列的仪表板，清理空列，通过拖放创建列和保留项目。

免费学习PHP！

全面介绍PHP和MySQL，从而实现服务器端编程的飞跃。

原价$ 11.95 您的完全免费

免费获得这本书

新组件包括允许分层数据的面包屑栏，标签字段，水平和垂直分段按钮以及新的“多选网格”组件，这些组件带来了新型的选择器。

类系统

像许多现代框架一样，Sencha使用“类”的概念，允许开发人员将其代码分成多个文件进行开发。 然后可以通过Sencha Cmd构建工具将它们组合在一起进行交付。

ExtJS5结合了ExtJS和Sencha Touch配置系统的优点，并提供了一种更为简化的组件和类配置方式。 派生类不再需要使用config对象来配置属性。 私有方法的添加还增加了一种阻止其他开发人员重写类功能的好方法。

活动和手势支持

ExtJS5中的一个重大变化正在转移到委托事件模型，这意味着事件现在使用目标冒出，而不是直接附加到DOM组件。 那些从4.x升级其应用程序的人将牢记这一点。

事件系统的新增强功能意味着您不必为移动设备和台式机使用不同的代码。 在极少数情况下，您想要实现诸如mouseover ， mouseout ， mousenter和mouseleave事件， mousenter需要提供自己的或基于社区的实现。

除了触摸事件增强功能外，还支持基于触摸和基于鼠标的系统的手势支持，这些手势支持跨设备和输入机制提供相同的体验。 这在尚未实现的设备上带来了本机滚动和Sencha动量滚动等功能。

辅助功能增强

ExtJS4通过软件包引入了对ARIA的支持。 现在，此功能是框架核心的一部分，包括键盘和其他增强功能。 这是一个大大改进的实现，并且是进入2015年的任何政府或企业网站的必备条件。

路由

Sencha Touch的路由器软件包已进行移植和改进，以在现有的History类的基础上增加路由支持。 这样可以更好地控制如何执行，暂停和延迟单个和多个路由。

数据包增强

删除大量样板代码是此新版本的重点之一。 字段定义现在是可选的，并且可以从通用类型配置模型验证器，并将其用作自定义命名验证器。

数据会话和模式已添加，可以选择配置。 数据会话与数据绑定一起工作，以使您的数据在整个界面中保持同步，并且架构是相互关联的实体的集合。

Associations已经使许多人烦恼了很长时间，并且在此版本中，Sencha添加了多对多关联，并且不再需要在双方都定义关联以使关系在两个方向上都可以使用。

关联名称现在使用该架构，以便在创建相关的关联存储时可以使用现有模型。

现在，通过添加链接存储，您可以使用已加载存储的绑定子集。 这允许将多个组件连接到单个存储，并显示同一数据的不同表示形式，而无需由辅助存储注入和管理数据的其他副本。

Sencha Cmd软件包

带有新的“核心”软件包的软件包将进一步发展。 旧版图表，语言环境和主题已全部移入程序包。

Sencha Architect 3.1

Sencha Architect在后台使用Sencha Cmd进行繁重的工作。 因此，如果您使用Sencha的IDE开发应用程序，那么这应该是一个简单的过程。

您会注意到对3.0和3.1之间的界面进行了一些更新，而不是直观和预期的树形控件（这也将提供开发人员一直要求提供两个版本的文件夹功能），Sencha配备了类似Mac的文件浏览器，用于实现MVVM功能。 我不确定，但是确实存在，并且我确信Sencha会从社区中获得有关它的反馈。

训练

Sencha和一些第三方培训公司正在提供快速通道课程以及从4.x到5.x的更新课程，这是其培训课程的一部分。 这些课程从阿姆斯特丹到墨尔本，从奥克兰到香港再到美国各地都可以使用。 查看Sencha培训页面或点击搜索引擎以查找您所在位置的培训。

翻译自: https://www.sitepoint.com/new-tools-cross-platform-development-sencha-extjs5/

sencha extjs