$loginitems = array(array('fieldLabel' => 'Username', 'name' => 'loginUsername', 'allowBlank' => false), array('fieldLabel' => 'Password', 'name' => 'loginPassword', 'inputType' => 'password', 'allowBlank' => false));
$loginbuttons = array(array('text' => 'Login', 'formBind' => true));
$login = new Ext_form_FormPanel($formpanelcfg->labelWidth(80)->frame(true)->title('Please Login')->width(230)->defaultType('textfield')->monitorValid(true)->buttons($loginbuttons)->items($loginitems));
$wincfg = new Ext_Window_Config();
$jswin = new Ext_Window($wincfg->layout('fit')->width(300)->height(150)->closable(false)->resizable(false)->plain(true)->items($login));
$win = new JsVariable('win', $jswin);
$win->show();
$cfg = new Ext_Panel_Config();
$tabactions = new Ext_Panel($cfg->frame(true)->title('Actions')->collapsible(true)->contentEl('actions')->titleCollapse(true));
$cfg = new Ext_Panel_Config();
$actionpanel = new Ext_Panel($cfg->id('action-panel')->collapsible(true)->width(340)->border(false)->baseCls('x-plain')->items($tabactions)->associate('region', 'west')->associate('split', true)->associate('collapseMode', 'mini')->associate('minWidth', 150));
$cfg = new Ext_TabPanel_Config();
$jstabpanel = new Ext_TabPanel($cfg->deferredRender(false)->autoScroll(true)->activeTab(0)->items(array(array('id' => 'tab1', 'contentEl' => 'tabs', 'title' => 'Button', 'closable' => false, 'autoScroll' => true), array('id' => 'tab2', 'contentEl' => 'tabs', 'title' => 'Grid Panel', 'closable' => false, 'autoScroll' => true)))->associate('region', 'center')->associate('margins', '0 4 4 0')->associate('title', 'Main')->associate('closable', false));
$tabpanel = new JsVariable('tabpanel', $jstabpanel);
$cfg = new Ext_Viewport_Config();
$viewport = new Ext_Viewport($cfg->layout('border')->items(array($actionpanel, $tabpanel->name())));
$viewport->jsrender();
$tabpanel->add(array('title' => 'New Tab', 'iconCls' => 'tabs', 'autoLoad' => array('url' => 'extphptest.php?content1'), 'closable' => true));
new JsReady(JsWriter::get());
?>
</script>
Click the button: <div id='button1-div'></div>
<br />
A Grid Panel: <div id='grid1-div'></div>
<ul id="actions" class="x-hidden">
<li>
<a id="use" href="#">Bogus Item #1</a>
</li>
<li>
<a id="create" href="#">Bogus Item #2</a>
