X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..6b044c28b5f26fb99c86c237ffad19741c0f7f3d:/examples/portal/sample.js diff --git a/examples/portal/sample.js b/examples/portal/sample.js deleted file mode 100644 index 1b685b7f..00000000 --- a/examples/portal/sample.js +++ /dev/null @@ -1,117 +0,0 @@ -/* - * Ext JS Library 2.2.1 - * Copyright(c) 2006-2009, Ext JS, LLC. - * licensing@extjs.com - * - * http://extjs.com/license - */ - -Ext.onReady(function(){ - - // NOTE: This is an example showing simple state management. During development, - // it is generally best to disable state management as dynamically-generated ids - // can change across page loads, leading to unpredictable results. The developer - // should ensure that stable state ids are set for stateful components in real apps. - 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 - }] - }] - - /* - * Uncomment this block to test handling of the drop event. You could use this - * to save portlet position state for example. The event arg e is the custom - * event defined in Ext.ux.Portal.DropZone. - */ -// ,listeners: { -// 'drop': function(e){ -// Ext.Msg.alert('Portlet Dropped', e.panel.title + '
Column: ' + -// e.columnIndex + '
Position: ' + e.position); -// } -// } - }] - }); -}); -