Formatting a cell of GridPanel is straight forward in ExtJS. However API documentation was not very straight forward so I thought it will be helpful for others to use the example in this post.
You must be cautious while using events like keydown and keyup and even more cautious when you use them together. However, there may be a situation when you need to use them together and this blog exhibits one of such case.
Using valid or invalid textfield events with isValid function of the form panel seem to cause infinite recursion. If at all you have to enable or disable any button based on validity of a certain field using “valid” or “invalid” event, make sure you don’t check validity of complete form all over again.
While debugging the problem in IE 8 (using IE’s Developer Tool), I found that the error was misleading. The problem happened to be due to the ‘style’ config which was being used in some of the components and the had a value like ‘padding-left : 20px’.