ext-ui.com

中文教程

ExtJS官方2019发展路线规划

概要


在过去的一年中,我们一直在倾听开发人员的需求,我们发现大多数对Sencha感兴趣的开发人员都是寻求以下方面的企业Web开发人员:

  • 全面的核心框架,具有最新的Javascript标准支持
  • 新的漂亮组件和主题,以创建漂亮的企业应用程序
  • 现代工具链,用于构建优化,高性能,通用的应用程序
  • 用于可视化构建应用程序的生产力工具,可视化地显示应用程序和IDE插件
  • 一整套框架,组件,主题和工具
  • 质量和测试工具,以创建企业级长期运行的应用程序
  • 升级到标准化Web组件的路径

很多来自开源网络或移动开发者也对Sencha产品表现出浓厚的兴趣,他们正在寻找:

  • 适用于开源框架的专业组件集 - React,Angular,Vue
  • 美观的现代组件,具有可扩展的API,布局,可视化主题和易于定制
  • 现代工具链,支持最新的Web工具和Web组件
  • 优化组件,构建混合渐进式移动应用程序(PWA)

ExtJS 6.6的新功能

简介
Sencha Ext JS 6.6已经支持NPM包和开放工具。Ext JS 6.6现在可以通过NPM包让开发人员使用已经相当熟悉的异常简单的工作流。现在,Ext JS开发人员可以是强大的开放式工具来快速生成、构建和更新Ext JS应用程序。Ext JS 6.6还带来了一些主要的增强,如新的现代工具包组件、新的美丽的可访问主题、现代工具包本地化、高级路由和几个Ext JS组件和框架的增强。

Ext JS 6.6 的亮点
Ext JS 6.6通过NPM和开放工具从根本上改变了Ext JS应用程序的生成和创建。此版本中的新功能包括:

Ext JS的NPM包:Ext JS标准和白金用户现在可以直接从Sencha的NPM存储库获取组件、主题和框架的NPM包。

ExtGen:新的开放工具,可以让你通过回答问题的方式来生成新的Ext JS应用程序,并提供了几个新的应用程序模版。

ExtBuild:新的开放工具,用来生成和分发应用程序

新的现代工具包组件:基于材料设计规范的时间字段以及时间面板组件以提供时间视图。

新的美丽的石墨主题可以让可访问性应用程序令人大吃一惊。

增强了对现代工具包的本地化支持。

高级Ext JS路由功能的增强。

增强了仪表组件,并提高了显示间隔值的能力。

使用Sencha cmd操作ExtJS 6

sencha cmd是用来创建,构建ExtJS 程序的工具。

准备
您需要安装好sencha cmd命令行工具。

创建应用程序
sencha cmd创建ExtJS的程序框架

HTML 和 ExtJS 组件(二)

当你要创建一个网页时, 经常会发现,你知道怎样用原生的html来创建,却不知道如何使用浩如烟海的ext组件来实现。本文将介绍一些使用ext组件创建html的一些技巧。

接着前面两节, 我们来开始第三节

事件 Events
让我们给组件添加一个click事件。下面这个例子是添加事件的基本方式,很容易理解:

HTML 和 ExtJS 组件(一)

你要创建一个网页时, 经常会发现,你知道怎样用原生的html来创建,却不知道如何使用浩如烟海的ext组件来实现。本文将介绍一些使用ext组件创建html的一些技巧。

简介

组件的渲染
首先让我们用一个简单的例子了解一下组件是如何渲染的:

/** The renderTo config option specifies a parent DOM element for
 *  rendering the component.
 *  For brevity it is not shown in the remaining examples.
 */  
new Ext.Component({renderTo: 'component-demo' });

聚合内容