中文教程

使用Sencha cmd操作ExtJS 6

Posted 周三, 10/10/2018 - 14:31 by admin

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

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

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

HTML 和 ExtJS 组件（二）

Posted 周三, 10/10/2018 - 14:04 by admin

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

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

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

HTML 和 ExtJS 组件（一）

Posted 周三, 10/10/2018 - 11:42 by admin

你要创建一个网页时， 经常会发现，你知道怎样用原生的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' });

ExtJs性能优化：tab的数据延迟加载

Posted 周三, 10/10/2018 - 11:34 by admin

今天碰到一个问题，当点击某一行数据，显示详情时，由于详情又有四个子tab，每个子tab都是一个表格，有各种各样的请求，当点击该行数据显示详情时，所有的数据同时加载，导致页面卡顿，此时做ExtjS的性能优化是很重要的。
通过研究，了解了一下ExtJs的性能优化和前端的性能优化：
extJs性能优化：

  • 1.尽量不适用panel，而去使用基类container，因为panel是一个比较大的组件，附加了一些不必要的属性。
  • 2.在页面渲染之后，尽量不要再去修改页面，从而避免页面reflow或者repaint。
  • 3.减少要加载的东西，少加载少解析、晚加载晚解析
  • 4.不必要的情况下，不要使用事件监听，在监听store的load时间的时候，应该监听一次。
  • 5.避免组件封装

Sencha Test 2.2正式版发布

Posted 周四, 06/21/2018 - 10:11 by admin

我们代表整个SenchaTeam，很兴奋地宣布了Sencha Test 2.2的发布。通过超过200+的增强和补丁，Sencha Test 2.2为ExtJS应用程序的单元和端到端测试提供了一些惊人的新功能，包括强大的新代码树视图、高级组件定位器、改进的页面对象等等。

我们还很高兴与大家分享这个版本，Sencha Test现在已经不仅仅是测试Ext JS应用程序了；您现在有了一个使用ExtReact组件的Reaction应用程序的全面测试解决方案，以及增强了Web应用程序端到端测试的能力，包括那些使用Reaction和RIAR框架构建的应用程序。


聚合内容