Ext architecture

1.3 Ext architecture
the decision to use or study Ext, we must see by the overall architecture Ext. It has more than 1 hundred classes, dozens of components and a large digit of methods are basically amplified for the client to provide all the necessary functions. In terms of a entire which can be divided into four modules, each module also can be divided into various small modules. It uses a floored architecture approximate, as shown below:
can be discerned from the figure on, Ext overall building is divided into four parts: the core elements of data components. The four most used hierarchical stepladder structure. Elements of the core functions is expansion, data processing, UI components and services, it is the lowest Ext most elementary implementation. Element in the expansion of the dom element is javaScript can be extended to use more convenient. Ext and server data processing is data migrate interactions. As long as developers use the UI components and data processing functions to complete the task the vast majority of applications. Here we briefly diagnose the various modules.

essence features of the core functionality is the bottom Ext framework, it provides some common methods or properties. All the upper classes and the implementation of the component is built on the basis of it. Core functionality includes accident treatment, templates, inheritance feature,Supra TK Society Shoes, national thing extensions and so on. That these kernel functions, Ext component architecture it has good scalability and flexibility. These core features that have a good UI components with ease of use, code reuse, etc.
Ext that is, a namespace is a static class. It provides a unified entry. This entrance implements such as inheritance (extend), extension (apply) and other functions, but also compatible with the browser to do the processing. Inherited component to support the entire Ext framework.
for UI chart, the mechanism is an necessary part of the event. Ext's event can be divided into the original browser event and custom events in two parts. For the original event, it uses a wrapped pack as a component of the event. For custom events, mainly for the purpose of expansion of components designed. Custom events by component, developers can extend the component to escape at a time component features. Achieve their desired results.
template function is designed for reuse, and reuse of different components, it is to reuse the HTML shred. Reuse of components through inheritance to reuse its methods and properties, templates for reuse by the addition method to reuse the same HTML tag content.
in its core functions, a massive part is used for native JavaScript objects or native methods to expand. Such as Function, Date, String, Array and timing tasks. The nine native JavaScript object directly for its part to extend, in part, on its basis to build their classes, such as Ext.util.MixedCollection, it is used to set the function, but similar to the Array function more powerful.
this part of the 3,4,6 in the first chapter will explain in elaborate.

data processing data processing client data is a unified operating interface. Whether the data returned from the server or client self-generated data. Can be unified through the interface to operate. This component of the data for the operation provides excellent advantage.
Ext's data processing is divided into 3 parts,Kids' Supra Skytop Shoes, cache the components or the development of a unified interface, its data is from the server through a proxy (including cross-domain) or a regional customer explorer to acquire the native data. From the raw data to store in the medium of a unified format are a step, that is, for differ forms of raw data (xml, json, etc.) to decide. Reader is a complete resolution.
through a proxy, analysis, storage steps, the data presented to developers as a database stored as two-dimensional structure of the table data. With arranging, statistics, ask, update function. Can be seen as a client to store the transient database. This is the component of the operation of the data provide a colossal convenience.
In Ext implementation, it does not fully develop the data using a unified interface. data used in the form of two-dimensional table, the data applications is targeted at the large amount of data processing. Ext for in such form,Supras, the associated catalogue (list) so that the needs of multi-line data component using the data for uniform treatment.
for the Tree component, which uses TreeLoad to separate the data processing, in the Form of submission, it is the direct URL of the Ajax apply submitted. Although their data in the form of two-dimensional table format and a mini gap, but unified by a definite way or in the Data Interface. So that all data requests are handled by the data, so for testing, development, and so can provide a greater avail.
this part is mainly the inquiry in Chapter 5, for the distributed data processing, such as TreeLoad will explain the assorted components in their inquiry.
element expansion
Ext element extensions of the Dom element, it solves the compatibility Dom elements, memory leaks and many other issues. It contains elements of their native dom extension, CSS Selector implementation, animation effects and other aspects of handling and drag the contents. To complete these colorful display, but also constitutes a component chromatic basis.
first element extension Ext CSS, Dom and other aspects of the method of action. Provides a extra mighty and convenient to use. For Dom's operations, including elements of elements for the realization of how to establish, insert, erase, duplicate and additional methods of operation. For CSS, it expands respective, absolute positioning of elements and other aspects of operation. Also provides, such as visual, activity, Scroll, etc. For the manner of operation.
second in the Dom tree apt detect the necessitated factor of the element is extended in the problem apt be solved. By file.getElementById alternatively element.getElementsByTagName can ascertain by name or id to find the element, but this does no satisfy the requirements. In order to quest for elements such as Css Selector tin be as effortless, Ext also provides CSS Selector implementation, to find Dom element.
drag is the third element does not have native Dom feature, which is a alignment of memorabilia and elements. By drag, making the network application system as little as a powerful desktop software with the ease of use into the prettiness of its ethics. The achievement of many functions through a simple drag to achieve.
animation is the fourth most charming place in javascript. Ext animation effects by a function, we simply call it by the time the line can achieve dynamic full results. At the same time among the animation effects are also reasoned by the elements of institution, destruction and other visual aspects of the operations function, at the peak of the parameters through a simple configuration can be achieved elements of animation effects.
fifth element of the order in order to achieve Ext features (like jquery objects), also ashore the foundation of elements in Ext to construct a composite element. Dedicated to a group of similar elements in a unified operation. Ext elements using flyWeight model to provide performance and also the use of garbage collection mechanism to handle with elements of the memories drip problem.
this part of the line in the first chapter 7,8,Women's Supra Skytop II,9,10,11,12,13 detailed analysis.
UI components
Ext's UI components is a very excellent object, it is the marrow of the performance of an HTML label zone, but it makes a static name into a dynamic life wheel, each group chips all have their own specifics and life cycles. Each makeup also has agreeable scalability and ease of use.
Ext components is not an a decentralized structure, it is closely narrated to the use of inheritance of the inverted tree structure. It is the component of the prevalent things out of the parent abstract class, this class implements to create -> Render -> dispose of the life cycle. At the same time based on the abstract but also provides appended classes to achieve the fashion of UI components and visualization. This is the UI component of the component model.
UI form based on this design, all UI is the all have a common,Supra Trinity NS Shoes, life-cycle operations to the abstract class into a component (Component class). It inherits all the components each have their own life cycle. In the design of the component class, as far as possible to prevalent, to the life cycle of each component are extended the aptitude of personal functions. The ultimate goal of UI is displayed to achieve apparent results, but behind some components from the performance does not alteration its shape (such as size, place,Supra Cruizer Shoes, etc.), so this need for physical or visual rendering function preoccupation to distinct class (BoxComponent class), it inherited from the component class, and it all needs as a visual rendering of the component's base class.
component model BoxComponent class and emissions between them can not handle more than the other components. And this is a frequently used function, so Ext gives the model the container, the container features an abstract to the Container class that inherited from BoxComponen, its interior can contain other components, these other components can be anybody components. Container components are not included in the emitter of the disarray, but according to the layout to a certain location. This notion of a layout container.
Container class is the bottom class for all containers in the container bottom class basis, it provides the most frequently secondhand components of a panel class. Panel can be translated into a flat plate, which is someone of a airplane emissions. Panel is the maximum major application of the container, it is the layout of the emissions component provides a unified method or attribute.
Ext components in the inheritance tree ComponentàBoxComponenàContaineràPanel Ext components are the spine is its spine. It combines the two component model and petition of the model the receptacle model. The four way class inheritance chain components of the frame was constructed Ext. In the trunk afterward to the numerous other components or inheritance pattern.
article from:. Net Chinese Community (www.aspxcs.web) detailed source reference: http://www.aspxcs.net/HTML/094538320.html