www.gusucode.com > 一个基于extjs的强大聊天插件源码程序 > 一个基于extjs的强大聊天插件/extjame/ext-jame/js/ext2/examples/portal/sample.js
/* * Ext JS Library 2.0.2 * Copyright(c) 2006-2008, Ext JS, LLC. * licensing@extjs.com * * http://extjs.com/license */ Ext.onReady(function(){ Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); // create some portlet tools using built in Ext tool ids var tools = [{ id:'gear', handler: function(){ Ext.Msg.alert('Message', 'The Settings tool was clicked.'); } },{ id:'close', handler: function(e, target, panel){ panel.ownerCt.remove(panel, true); } }]; var viewport = new Ext.Viewport({ layout:'border', items:[{ region:'west', id:'west-panel', title:'West', split:true, width: 200, minSize: 175, maxSize: 400, collapsible: true, margins:'35 0 5 5', cmargins:'35 5 5 5', layout:'accordion', layoutConfig:{ animate:true }, items: [{ html: Ext.example.shortBogusMarkup, title:'Navigation', autoScroll:true, border:false, iconCls:'nav' },{ title:'Settings', html: Ext.example.shortBogusMarkup, border:false, autoScroll:true, iconCls:'settings' }] },{ xtype:'portal', region:'center', margins:'35 5 5 0', items:[{ columnWidth:.33, style:'padding:10px 0 10px 10px', items:[{ title: 'Grid in a Portlet', layout:'fit', tools: tools, items: new SampleGrid([0, 2, 3]) },{ title: 'Another Panel 1', tools: tools, html: Ext.example.shortBogusMarkup }] },{ columnWidth:.33, style:'padding:10px 0 10px 10px', items:[{ title: 'Panel 2', tools: tools, html: Ext.example.shortBogusMarkup },{ title: 'Another Panel 2', tools: tools, html: Ext.example.shortBogusMarkup }] },{ columnWidth:.33, style:'padding:10px', items:[{ title: 'Panel 3', tools: tools, html: Ext.example.shortBogusMarkup },{ title: 'Another Panel 3', tools: tools, html: Ext.example.shortBogusMarkup }] }] }] }); });