ExtJS Create new panel programatically

Question

Good morning,
I am trying to create a widget in a TabPanel extending Multifield Widget, when a field in the multifield is created this one creates a new Tabpanel in the Dialog. But the Tabpanel created, its content is not looking like if the tabpanel is created in the dialog. Someone knows how create tabpanel programatically and dynamically?
    var myPanel = new CQ.MyPanel({ });
    dialog.insert(positionPreCalculated, myPanel);
    dialog.doLayout(true, true);
This code below is that I am trying to do.
Any idea would be most appreciate.
Miguel.

Answer 1

Hi,
There are various examples available on the internet on how to do this. Hopefully the snippet at the end should give you some push. Let us know if you face any specific issue with your implementation.
//using SPSite
//using SPWeb web
string hive = SPUtility.GetGenericSetupPath("TEMPLATE\\1033\\STS\\DOCTEMP\\SMARTPGS\\");//you can also use your application path etc.,
web.AllowUnsafeUpdates = true;
//template file name can be one of the pre-existing templates or a copy of your own
using (FileStream stream = new FileStream(hive + templateFilename, FileMode.Open))
//The webpart page will be created in the Site Pages library
SPFolder libraryFolder = web.GetFolder("SitePages");
SPFileCollection files = libraryFolder.Files;
//filename is the name of the webpart page
SPFile newFile = files.Add(fileName, stream);
SPLimitedWebPartManager wpmngr = newFile.Web.GetLimitedWebPartManager(newFile.ServerRelativeUrl, PersonalizationScope.Shared);
//use your own webpart instance here
XsltListViewWebPart webpart = new XsltListViewWebPart();
webpart.Title = web.Title;
wpmngr.AddWebPart(webpart, "FullPage", 0);
wpmngr.SaveChanges(webpart);
-Sangeetha