Extjs4�Ҏ��介�l�二

a_alter — Fri, 06 Apr 2012 06:32:00 GMT

Mixins

官方文档介绍

This is a new approach to plugging custom functionality into existing classes. The new mixins config, included during instantiation of a class, allows you to "mix in" new capabilities to the class prototype. This is similar to the existing Ext.override function, although it does not replace existing methods like override does, it simply augments the prototype with whatever is new.

== java override �Q?不过支持多��ѝ�?相同�Ҏ��取最后实现�?br />

Statics

静态字�D�和�Ҏ��定义块�?br />

Ext.define('Person',{
   statics:{
      staticAttribute:'静态变�?�Q?br />      staticFunction:function(){
        // 静态方�?/span>
      }
   }
});

alert(Person.staticAttribute);

Config

�q�个理解�?java 的pojo中的变量�Q?可以自动生成以下�Ҏ��Q?以下代码摘官�Ҏ��档�?br />
usage

Ext.define('MyClass', {
    config: {
        title: 'Default Title'
    }
});

自动生成以下代码

title: 'Default Title',

getTitle: function() {
    return this.title;
},

resetTitle: function() {
    this.setTitle('Default Title');
},

setTitle: function(newTitle) {
   this.title = this.applyTitle(newTitle) || newTitle;
},

applyTitle: function(newTitle) {
    // custom code here
    // e.g. Ext.get('titleEl').update(newTitle);
}

��用��L��使用环境相关见API文档

Ext.env.Browser
Ext.env.FeatureDetector
Ext.env.OS

a_alter 2012-04-06 14:32 发表评论

a_alter — Fri, 06 Apr 2012 05:25:00 GMT

ExtJS4 新特�?/h4>

Ext.define to create class definitions within the new system

Automatic dependency management and dynamic class loading

Mixins

Statics

New config option for Automatic setter / getter generation

Library Inclusion methods

When you unzip the Ext JS 4 download, you will see the following files:

`ext-debug.js` - This file is only for use during development. It provides the minimum number of core Ext JS classes needed to get up and running. Any additional classes should be dynamically loaded as separate files as demonstrated above.

`ext.js` - same as `ext-debug.js` but minified for use in production. Meant to be used in combination with your application's `app-all.js` file. (see section 3)

`ext-all-debug.js` - This file contains the entire Ext JS library. This can be helpful for shortening your initial learning curve, however `ext-debug.js` is preferred in most cases for actual application development.

`ext-all.js` - This is a minified version of `ext-all-debug.js` that can be used in production environments, however, it is not recommended since most applications will not make use of all the classes that it contains. Instead it is recommended that you create a custom build for your production environment as described in section 3.

了解不同js的��用定�?/span>

Class Loading

Ext 4 now includes a robust dynamic class loading system that also provides integrated dependency management. Again, this is an optional feature, but provides a couple of key benefits:

Dynamic loading: Classes can be loaded dynamically and asynchronously at runtime simply based on the dependency tree that Ext manages internally. This means that you can stop managing brittle blocks of manual include tags in HTML pages and simply let the class loader figure out what your page needs to run. This is mostly useful in the development environment when dependency flexibility is more important than page load speed.

Dynamic build generation: For production, it's usually preferable still to compile down to a single (or few) build files. Since Ext now understands the entire dependency graph at runtime, it can easily output that graph as needed (for example, in the form of a custom build configuration). And even more importantly, this capability is not restricted to the Ext namespace. You can include any number of custom classes and namespaces in addition to Ext and as long as everything is defined using the class system Ext will be able to figure out how they all relate. In the very near future, any Ext developer will have one-click custom build capability that automatically manages the entire Ext + custom application class graph, even as it changes from one minute to the next, and only builds exactly what's actually needed by the app.

This dynamic loading is enabled simply by using Ext.define and by defining the dependencies in code using two new class properties:

requires: The class dependencies required for a class to work. These are guaranteed to be loaded prior to the current class being instantiated.

uses: Optional class dependencies that are used by, but not required by, a class. These can be loaded asynchronously and do not have to be available for the class to be instantiated.

�W�一�U�方�?/span>

        Ext.require([
            'Ext.grid.',
            'Ext.data.',
            'Ext.util.*',
        ]);

�W�二�U�方�?/span>

Ext.define('Ext.window.Window', {
    extend: 'Ext.panel.Panel',

    alternateClassName: 'Ext.Window',

    requires: ['Ext.util.ComponentDragger', 'Ext.util.Region', 'Ext.EventManager'],

});

a_alter 2012-04-06 13:25 发表评论

成人97人人超碰人人99,国内精品免费,国产精品一区二

Extjs4�Ҏ��介�l�二

Mixins

Statics

Config

Library Inclusion methods

Class Loading