In fact it could also crash in the browser. So new menus continue to create on its own and thus the memory is loaded with the old and the new menus, this causes the memory utilization leading to slower performance. The app may look visually correct, but it may not have the desired functionality.Īs per web development expert, this looks correct because the last context menu is properly visible on the page and the rest stays hidden. This makes your solution stronger and allows your web application to run faster. If you see your app is getting slower, you need to check it thoroughly for components that are unused. Although in case of ExtJS, speed is the prime concern. Many aspects in coding and development that are ignored can affect the speed of the application. In the code give below, the grid is in the panel and therefore any panel properties can be used directly used on the grid. Below given example takes the grid in the panel. And to avoid nesting, you must eliminate the panel. Many developers use a panel for single grid. If you are overloading the components, then it might affect the appearance of the application and the layout behavior. When you are developing in ExtJS, it is important that you are careful while using the components as it can hamper the performance.

So while you are using these components, as a web developer, good practices suggest to avoid nesting of these components. While developing in ExtJS, one needs to understand that the panel extends grids, forms, trees and tab panels. Good Practices in ExtJS Development by Web Development Experts 1. It is a client side Javascript framework that keeps SPEED as the top priority. It offers very rich set of UI components and thus giving a tough competition to other JavaScript frameworks like AngularJS or ReactJS.

If a combobox is a item of a view that your controller is in charge off, then use control method also from Controller class.Ext JS by Sencha is becoming the ExtJS is a rich, compelling and intuitive open source framework best suited for building single page applications. Var view = this.getView('Contact') //=> getView( name ) : Ext.Base To create a connection between view and a controller make sure that you follow MVC aplication architecture principals, found here In a controller simply use getView() method from the Controller class.

Extjs