Ext JS Tips

简介: callParent() 优化调用父类方法,如Ext.define('App.view.MyPanel', { extend: ‘Ext.panel.Panel’, onRender: function (parentNode, index) { this.callParent(arguments); }});其中 this.callParent 等价于 Ext.panel.Panel.prototype.onRender.apply(this, arguments);,而且后者效率更高。

callParent() 优化

调用父类方法,如

Ext.define('App.view.MyPanel', {
        extend: ‘Ext.panel.Panel’,
        onRender: function (parentNode, index) {
                this.callParent(arguments);
        }
});

其中 this.callParent 等价于 Ext.panel.Panel.prototype.onRender.apply(this, arguments);,而且后者效率更高。如果用 Sencha Cmd 5 打包会优化替换。

Ext.Ajax.extraParams = { foo: “bar” }; 已废弃

5 开始废弃,改用 setter 方法:

Ext.Ajax.setExtraParams({
        foo: "bar"
});

MouseEnter 事件比 MouseOver 事件更节省资源

如果你的事件只是希望可以首次进入区域便可以的触发的,那么不需要 MouseOver。MouseOver 会反复被触发。

例子:https://fiddle.sencha.com/#fiddle/43q

注意创建实例不应用在类定义上

如下,左边是错误的,右边是正确的

Ext.define(‘MyApp.view.Main’, {
   extend : ‘Ext.container.Container’,
   xtype  : ‘myapp-main’,
   requires : [
        ‘MyApp.plugins.Foo’
   ],
   items : [
         Ext.create(‘Ext.Component’, {
            html : ‘Hello’
          })
   ],
   plugins : [
        Ext.create(‘MyApp.plugins.Foo’)
   ]
});
Ext.define(‘MyApp.view.Main’, {
   extend : ‘Ext.container.Container’,
   xtype  : ‘myapp-main’,
   requires : [
      ‘MyApp.plugins.Foo
   ],
   items : [
            {
                xtype : ‘component’,
                html  : ‘Hello’
            }
    ],
   plugins : [
         {
             ptype : ‘myapp-foo’
         }
   ]
});

原因是 prototype 继承链,左边的只能使用一次。

目录
相关文章
|
8月前
|
JavaScript 前端开发 Java
MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。
MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 和 Ext JS 都是 JavaScript 框架,用于开发 Web 应用程序。它们分别提供了不同的功能和特性,以帮助开发者更高效地构建和维护 Web 应用程序。
62 2
|
缓存 前端开发 JavaScript
简单总结了10个JavaScript代码优化小tips
相同的功能采用不同的代码实现所需要的运行时间也不会相同,这里简单总结了10个JavaScript代码优化的小技巧,可以增加这么一nainai的运行速度
129 0
|
JavaScript 前端开发 C++
|
前端开发 JavaScript 容器
5.Ext JS actioncolumn动态加载图标/提示
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/inforstack/article/details/54237726 ...
967 0
|
JavaScript
《Ext JS模板与组件基本框架图----组件》
本节主要从七个方面讲解组件,组件时什么,它的作用,它的构架,以及怎么创建和周期还有常见的配置项,属性方法和事件以及其层级是什么都进行整理,希望对大家有帮助。 组件的基础知识.png        2     AbstractContainer(派生37个).
871 0
|
JavaScript 索引
《Ext JS模板与组件基本知识框架图----模板》
最近在整理Ext JS的模板和组件,在参考《Ext JS权威指南》,《Ext JS Web应用程序开发指南》,《Ext JS API》等相关书籍后才写下这篇《Ext JS模板与组件基本知识思维导图》,由于篇幅较长,所以必须肢解与各位分享。
1414 0
|
JavaScript
4.Ext JS Ext.data.Store本地过滤
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/inforstack/article/details/53608732 var myStore = Ext.
881 0
|
前端开发 JavaScript
2.Ext JS MVVM特性
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.
819 0
|
JavaScript
3.Ext JS 程序中使用路由
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/inforstack/article/details/53559851 简单说明 RedirectTo.
1011 0