Common ExtJS Error Messages

this.config[col] is undefined
The autoExpandColumn feature of the ColumnModel accepts an 'id' as the argument, this 'id' needs to match the 'id' given to the Column configuration.
Another thing to keep in mind, is that while it works sometimes, the value for autoExpandColumn should NOT be a column index - the id of the column should always be used.


types[config.xtype defaultType] is not a constructor (b[d.xtype e] is not a constructor)
This happens when trying to instantiate (create) a component that does not exist, the most common reason is a typo or spelling error. For instance, using 'gridpanel' as the xtype instead of 'grid' - which is a mistake I make often myself. Sometimes we can forget a level of namespacing, like using Ext.FormPanel instead of the proper Ext.form.FormPanel.
Another one I always run into is typing 'combobox' instead of the correct 'combo' for the xtype - a list of xtypes can be found in the ExtJS documentation under Ext.Component.

this.addEvents is not a function
This is not a new problem (you like that pun?) but unfortunately the error message sends us off in the wrong direction. When this message appears it sounds like its an event related problem, but what it simply means is that we have forgotten to preface a constructor with the 'new' operator.

el is null
So with this one, its a little easier to figure out what went wrong just from the error message. In shorthand variable naming, a couple of letters are picked out of a longer word that phonetically make sense, and do not spell something else or sound like other commonly used words. So in this case 'el' is short for ELement. As the error message says 'el is null', which if we translate from geek speak to English it says 'html element does not exist'.

f.convert is not a function
This one is not so common, but still happens every once and a while. It means that your data reader was trying to read the data you passed to your store with a particular data type that did not exist. Thats allot to take in, so lets take a look at this example.

0 comments: