extension

ifxxanj21 · Wysłany: Pon 7:04, 14 Mar 2011 Temat postu: extension

1.3 Ext architecture
Ext in the decision to use or learn, we have to look at the entire system structure of Ext. It has more than one hundred categories, dozens of components and a large number of methods, largely developed for the client to provide all the necessary functions. In terms of a whole which can be divided into four modules, each module also can be divided into various small modules. It uses a layered architecture approach, as shown below:
can be seen from the figure above,[link widoczny dla zalogowanych], Ext whole structure is divided into four parts: core, element, data, components. The four most used hierarchical ladder structure. Expansion of the core functions of the element, data processing, UI components and services, it is the most basic lowest Ext implementation. Expansion of the elements in the dom element is javaScript be expanded to make their use more convenient. Data processing is carried out and the server data transfer Ext interactive features. As long as developers use the UI components and data processing functions to complete the task the vast majority of applications. Here we briefly analyze the various modules.
core function is the core function
Ext the bottom of the structure, which provides some general methods or properties. All the upper classes and the implementation of a component is built on its foundation. Core functionality includes event handling, templates, inheritance, properties, expansion and other native objects. Is to have these core functions, Ext component architecture it has a good scalability and flexibility. These core features to make UI components have have a good ease of use, code reuse and so on.
Ext is a namespace is a static class. It provides a unified portal. This portal implements such as inheritance (extend),[link widoczny dla zalogowanych], extension (apply) and other functions, but also the compatibility of the browser to do the processing. Support the whole Ext inherited component architecture.
for the UI design is essential part of the event mechanism. Ext browser events can be divided into the original events and custom events in two parts. For the original event, it uses the package as a component of the event package. For custom events, the main purpose is to extend the components designed. Custom events by components, developers can run at some point in the component expansion of the component functionality. To achieve their desired effect.
template function is also designed for reuse, and reuse of different components, it is to reuse the HTML fragment. Component reuse is reuse through inheritance to their methods and properties, the template reuse is through interpolation method to reuse the same HTML tag content.
in its core functions, a substantial part of the native JavaScript objects or native method of expansion. If Function, Date, String, Array and timing tasks. Nine in the native JavaScript object directly for its part to extend, in part,[link widoczny dla zalogowanych], on its basis to build their classes, such as Ext.util.MixedCollection, it is used to set the function, but similar functions with Array more powerful. This part of
3,4,6 in the first chapter explain in detail.

data processing data processing data from the client interface for unified action. Whether the data returned from the server or client self-generated data. Are available through the interface to unify operations. This component of the data operation to provide a great convenience.
Ext's data processing is divided into three parts, store is on the component or the development of a unified interface, its data from the server through the proxy (including cross-domain) or the local client browser to obtain the original data. From the original data to store in the middle of a unified format for another step, that is, for different forms of raw data (xml,[link widoczny dla zalogowanych], json, etc.) to parse. Reader is a complete resolution.
through a proxy, analysis, storage of three steps, the data presented to developers as a database stored in the data as two-dimensional structure of the table. With sorting, statistics, query, update function. Can store as a client to a temporary database. This is the component of the operation of the data provide a tremendous convenience.
in the Ext implementation, it did not completely develop a uniform data interface. two-dimensional data used in the form of tables, the data applications is targeted at the large amount of data processing. Ext for in such form, the associated list (list) that require multiple lines of data components to be unified with the data processing.
for the Tree component, which uses TreeLoad to separate the data processing, the submission of the Form, which uses the direct URL of the Ajax request submitted. Although their data format and a little gap in the form of two-dimensional tables, but still unified in a certain way through the Data interface. So that all data requests are handled through the data, so for testing, development, etc. can provide a greater advantage.
This section is mainly analyzed in Chapter 5, for the distributed data processing, such as TreeLoad will explain the various components in their analysis.
element to expand
Ext element extensions of the Dom element, it solves the compatibility of Dom elements, memory leaks and other problems. It contains elements of their native dom extension, CSS Selector implementation, animation, special effects processing and drag and other aspects. They can complete the colorful display, but also constitutes a component colorful foundation.
first element extension Ext CSS, Dom,[link widoczny dla zalogowanych], etc. method of operation. Provides a more powerful and convenient to use. For Dom's operations include elements on how to achieve for the element to create, insert, delete, copy and other methods of operation. For the CSS, which extends the relative and absolute positioning of elements, etc. operations. Also provided, such as video, mobile, Scroll and so on for the style of operation.
second look at the Dom tree is also the element of the elements needed to solve the problem of extension. By document.getElementById or element.getElementsByTagName can find by name or id to find the required elements, but this does not meet the requirements. In order to find the elements can be as easy as Css Selector, Ext CSS Selector also provides implementation, to find Dom element.
third drag is not a native feature Dom element, which is a combination of events and elements. By dragging, making web applications can be as little as a powerful desktop software with the ease of use into the beauty of its ethics. The completion of many functions through a simple drag to achieve.
javascript in the fourth movie is the most attractive place. Animation effects by Ext function, we call by just a single line can achieve dynamic full results. At the same time within the animation effects are also caused by the elements of creation, destruction and other visual aspects of the operations function, as long as the configuration parameters through a simple animation can achieve special effects elements.
fifth element array of features in order to achieve Ext (jquery object as the same), it also based on the elements in the Ext build a composite element. Dedicated to a group of similar elements in a unified operation. Ext element model used to provide performance flyWeight also deal with garbage collection, memory leak element.
this part of the content in Chapter 7,8,[link widoczny dla zalogowanych],9,10,11,12,13 detailed analysis of the line.
UI components
Ext's UI components is a very wonderful thing, it is the essence of the performance of a HTML tag area, but it makes a static label into a dynamic life cycle, each group pieces all have their own characteristics and life cycles. Each component also has good scalability and ease of use.
Ext components is not a one decentralized structure, it is closely associated with the inheritance of the inverted tree structure. It is the component of the common things out of the parent abstract class that implements the Create -> Render -> destruction of the life cycle. At the same time it also provided on the basis of an abstract class to implement the other components of the shape of the UI and visualization operations. This is the UI components of the component model.
form based on the design of this UI, all the UI is its all have a common, life-cycle operations to the abstract into the component class (Component class). It inherits all the components of each has its own life cycle. In the design of the component class, try to General Motors, to each component in the life cycle features are the ability to expand private. The ultimate goal of the UI display to achieve visible results, but after some components from the rendering will not change its shape (such as size, location, etc.), so this need for physical or visual rendering functional abstraction to another class (BoxComponent class), it inherits the component class, and it needs as a visual rendering of all components of the base class.
component model BoxComponent class and can not deal with them more than other components between the emissions. And this is a frequently used function, so Ext container model is given, the function of the container to the Container abstract class that inherits from BoxComponen, its internal can include other components,[link widoczny dla zalogowanych], these other components can be any components. Component is not included in the container to discharge the disorder, but the layout according to a certain place. This concept of a layout container.
Container class is the base class for all containers in the container based on the base class that provides the most frequently used components of a panel class. Panel can be translated into a flat panel, which is something of a plane emissions. Panel is the most important application of the container, the layout of its emissions for the component provides a unified method or property.
Ext components in the inheritance tree ComponentàBoxComponenàContaineràPanel is the backbone of Ext components, but also its pillars. It combines the two component model and application of the model the container model. The four way class inheritance chain of the skeleton was constructed Ext components. In the side of the trunk there are many other components or inheritance and so on.
This article comes from:. Net Chinese Community (www.aspxcs.net) Detailed Source reference::

[link widoczny dla zalogowanych]

[link widoczny dla zalogowanych]

[link widoczny dla zalogowanych]

With female ministry released August 2007 Chinese neologisms 171 one. Refers to the modern city female, they most having highly educated, high income and high intelligence quotient, the outlooking also impeccable, because their spouse more demanding, resulting in marriage to be ideal, and become "remain end-result of older women" female youth.