How to use Ext.tree.Panel to view hierarchical data and their detail

The purpose of this article is to show you how easily you can make use of Sencha APIs to be able to develop the user interface as per the business need. The similar business need can be achieved through other components or other event of the same component. However, what this article demonstrate that – if you have basic understanding of Sencha’s MVC architecture and Sencha APIs then developing cool user interface is an easy deal.

ExtJS Grid with header action

Title: ExtJS Grid with header action Summary: This article walks us through the steps to add the header action capability to the ExtJS GridPanel Problem Statement: Many a times we need the capability on the ExtJS GridPanel where a user can see an action icon on the column header and on click of it the [...]

All about ExtJS Chart

The Ext.chart package provides the capability to visualize data with flash based charting. As part of this article, we have tried to provide you instruction on how to use ExtJS Chart in various situation.

Using singleton class in ExtJS

In out healthcare application, initially we decided to open a separate tab whenever a user click on a new window. While this was appreciated – as it allowed user to book multiple appointments / registration / admission simultaneously, we had a challenge in ensuring that the manage entity interfaces are being refreshed appropriately. One of the answer was to ensure that – we should launch only one instance of entity listing windows. This is where Javascript singleton implementation is very handy.

Integration of ColumnHeaderGroup and LockingGridView ExtJS plug-ins

The existing column header grouping plug-in XTemplate generates one table for each level of column headers. As this approach is not suitable while differentiating locked headers and unlocked headers while merging the plug-ins, the XTemplate has been modified to generate only one table, which contains one row for each level of column headers.

Getting started with ExtJS

After going through few books and some of the questions received from the people who are interested in knowing ExtJS, I thought of putting a simple step for getting started with ExjTS 3.0. I hope you find it useful.

What ExtJS topic you want us to blog about?

To bring in more collaboration with our visitors and focus more on problem solving, we would like to invite our visitors to take this poll to indicate the ExtJS topic they would like us to blog about on this site. We would appreciate your 10 second time to vote for the topic(s) and we’ll ensure [...]

Forthcoming ExtJS Training

This blog talks about our training and consulting services in ExtJS in India. Walking Tree being a formal Sencha Partner, carries responsibility of ensuring that the Sencha users get the desired support at an affordable cost.

Adding a red asterisk to the required form fields

In the application development, there are instances when we have to indicate a mandatory form field by showing a red asterisk next to the field label. The code here overrides the private function of the Ext.form.FormLayout and works with a custom property required. I chose the form layout as the rendering of the labels is [...]

Sorting in a grid panel

While grid allows us to make one or more columns sortable, it just performs client side sorting in ascending or descending order. For example if I want to sort the grouped items then it doesn’t allow me to do that. This is where ExtJS provides you GroupingStore, which enables you to view related items together and view them shorted as well!