November 19, 2009 at 02:49Typical ExtJS-Based Applications
In this article I will talk about what tasks ExtJS best solves and what a typical application based on this library is. This article is an introduction to the next one, designed already for people who have worked with the library for some time. And at the same time, this article is independent, since I do not plan to refer to it in the future.
This material is based on my personal experience.
ExtJS library is perfect for the administrative part of projects and projects related to reports. My experience is based on the creation of several projects of the latter type.
All reports that I dealt with are, in principle, identical in form. They look schematically like this:
Of course, such a view is also characteristic of many other projects, but the reporting projects have a similar view for granted. Next, I will describe a few more features and explain what I'm leading to.
In the navigation area, the menu is either treelike, or made by a list, or as a combination of an “accordion” with a treelike / list menu. In the content area is the grid. For reports, it usually does not have the ability to edit. For various settings in the project, the grid has add / remove buttons in the upper toolbar. Most often, there is also a place for the edit button (however, ExtJS allows editing entries directly in the line in its EditorGridPanel component).
This or similar type of application is implemented using ExtJS easily and simply. It has a Viewport component, which is the workspace of your application. The "root" panel to which other nodes are mounted. If we take our example with reports, then these nodes will be “Navigation Area” and “Content Area”, which will provide the framework for a typical ExtJS application. As a matter of fact, this is exactly how the most applications from the “ Combination Samples “ section are built in the examples on the official website
Regarding navigation elements and content areas, there are typical components in this library: various buttons, and accordion, and tree, and grid. All are highly customizable and have good documentation. Judging from my experience - not complete, but 99% of the documentation for all components will be true. The documentation is filled with examples and getting lost in it is quite difficult. The library also has an active community and the forum will always promptly answer your questions (often during the day). Thus, if you have a task to develop a reporting system or the administrator part of the project, and you are looking for a mature JS framework - I strongly recommend that you familiarize yourself with ExtJS.
In the next article I will talk about what I myself have not found on the network. About designing medium / large projects using ExtJS. About how to do it beautifully, accurately and to maintain it was a pleasure.
This material is based on my personal experience.
ExtJS library is perfect for the administrative part of projects and projects related to reports. My experience is based on the creation of several projects of the latter type.
All reports that I dealt with are, in principle, identical in form. They look schematically like this:
Of course, such a view is also characteristic of many other projects, but the reporting projects have a similar view for granted. Next, I will describe a few more features and explain what I'm leading to.
In the navigation area, the menu is either treelike, or made by a list, or as a combination of an “accordion” with a treelike / list menu. In the content area is the grid. For reports, it usually does not have the ability to edit. For various settings in the project, the grid has add / remove buttons in the upper toolbar. Most often, there is also a place for the edit button (however, ExtJS allows editing entries directly in the line in its EditorGridPanel component).
This or similar type of application is implemented using ExtJS easily and simply. It has a Viewport component, which is the workspace of your application. The "root" panel to which other nodes are mounted. If we take our example with reports, then these nodes will be “Navigation Area” and “Content Area”, which will provide the framework for a typical ExtJS application. As a matter of fact, this is exactly how the most applications from the “ Combination Samples “ section are built in the examples on the official website
Regarding navigation elements and content areas, there are typical components in this library: various buttons, and accordion, and tree, and grid. All are highly customizable and have good documentation. Judging from my experience - not complete, but 99% of the documentation for all components will be true. The documentation is filled with examples and getting lost in it is quite difficult. The library also has an active community and the forum will always promptly answer your questions (often during the day). Thus, if you have a task to develop a reporting system or the administrator part of the project, and you are looking for a mature JS framework - I strongly recommend that you familiarize yourself with ExtJS.
In the next article I will talk about what I myself have not found on the network. About designing medium / large projects using ExtJS. About how to do it beautifully, accurately and to maintain it was a pleasure.