Ok, I understand that, but I gave xtype to gridpanel component. Load every js file during index load, and put xtype: 'gridpanel' to my panel component. Does it require any special removing or recreating that any another component? I don't use Ext.create now. I have defined xtypes as my app views and now I want to re-open my specific view where I have gridpanel included.

I'd like to add a filter row under the header row. In this way for each column I'd have a field where put a search string.
I'm looking the code for this target, but before to start I ask if is there a preferred way for do this... Or if exist same limit to do this that I don't know.
Thanks in advance

I'm trying to add a filter toolbar like in attached picture. But I have a problem with fields width because when I resize the window the fields in toolbar change them size without respect the columns width. I think this is because the toolbar have a defined spacer and it not change proportionally. Have you an idea for resize my toolbar fields in correct mode whene the grid change its dimension?
Thanks in advance.Immagine.jpg
this is my code:

Thank you mitchellsimoens for this excellent extension. I have come across an anomaly which appears using Ext.ux.touch.grid with Chrome (Windows 7) and Android. After a row is selected in the grid, if you choose a column to sort on, additional rows become painted as if they were selected in the grid display. See attached picture:

I am using Touch 2, PR3 at the moment. It manifests the same behavior with the out of the box example you provide as well (in my testing). Have you run into this before? Do you have any suggestions for a workaround? Thanks again.