extjs - ExtJS4: Use Panel, Window, or Container? -

I am working on an application where I need to develop the following screen:

< Li> Add screen to accept user input (form panel)
1. Show details screen to display user input (grid panel)
2. To edit user input Edit the screen (Not sure form or window should be).

I have the 'itemdblclick' listener for the grid panel. So when the user double clicks on the grid line, the editing screen will open with details, the fields are populated.

I want to use a common square to add and edit both screens , but here's the issue, if I increase the window, the edit screen comes but Do not add the screen, but if I expand a panel, the add screen opens, but the editing screen is not visible.

  Ext.define ('ELM.view. Cl.Edit ', {extension:' extension.window ', ... extension. (' ELM.view.cl.E Dit ',' Expand: 'Extensions.Planel, ... ...  

Note: I have a tab panel in which I can add AD Adding the view screen as separate tabs, while the editing screen is just a window.

As far as I know, maybe the window can not be in the form of a child component in the tabanel .

Please tell me what is wrong here? Can I expand a 'container' instead, and any other At the place, 'forename' and 'window' can be specified. How do I get my requirement? Any reference will help ..

Thank you in advance

Ext.define (' ELM.view.cl.Edit ', {extend:' Ext.form.Panel ', surname:' widget.cledit ', ...

and then display the form in the edit window to do. I create a new window and after that I will add the form panel which I created as the basic element of the window. It is,

  Ext.define ('ELM.view.cl.EditWindow', {extension: 'Ext.window.Window', item: [{xtype: 'cledit'}]} );  

Hope this can help someone :)