Mega Code Archive

 
Categories / JavaScript DHTML / Ext JS
 

Accordion window

<html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function() { var panel1 = {     xtype : 'panel',     title : 'Plain Panel',     html  : 'asdf' } var panel2 = {     title : 'Plain Panel 2',     html  : 'asdf' } new Ext.Window({     width        : 300,     height       : 650,     title        : 'Accordion window',     layout       : 'accordion',     border       : false,     layoutConfig : {         animate : true     },     items : [         panel1,         panel2     ] }).show(); }); </script>  <div id='div1'>asdf</div> </body> </html>