I would like to use template to construct my tabs.
How to link a template and a panel and load data in flight?
How to put components such as grid and formPanel intabs?
How to mix of html and of components into the body of a panel?
It will allow you to link an Ext.XTemplate or Ext.Template to a Panel. Then you can simply update it with the relevant data to populate that Panel.
How to place components like GridPanel and FormPanel in a TabPanel
Because GridPanel and FormPanel are both Panel's they can be used like a typical Panel. That means that they can be direct children of an Ext.TabPanel.
Mixing plain html and components
Let Ext manage components that you add to your containers and specify the relevant layout. If you need your own custom html markup place a dummy panel in the items collection and use the html configuration. You can then turn off the border with the border: false configuration.