3 * Copyright(c) 2006-2010 Ext JS, Inc.
5 * http://www.extjs.com/license
7 Ext.onReady(function(){
9 // NOTE: This is an example showing simple state management. During development,
10 // it is generally best to disable state management as dynamically-generated ids
11 // can change across page loads, leading to unpredictable results. The developer
12 // should ensure that stable state ids are set for stateful components in real apps.
13 Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
15 // create some portlet tools using built in Ext tool ids
19 Ext.Msg.alert('Message', 'The Settings tool was clicked.');
23 handler: function(e, target, panel){
24 panel.ownerCt.remove(panel, true);
28 var viewport = new Ext.Viewport({
46 html: Ext.example.shortBogusMarkup,
53 html: Ext.example.shortBogusMarkup,
64 style:'padding:10px 0 10px 10px',
66 title: 'Grid in a Portlet',
69 items: new SampleGrid([0, 2, 3])
71 title: 'Another Panel 1',
73 html: Ext.example.shortBogusMarkup
77 style:'padding:10px 0 10px 10px',
81 html: Ext.example.shortBogusMarkup
83 title: 'Another Panel 2',
85 html: Ext.example.shortBogusMarkup
93 html: Ext.example.shortBogusMarkup
95 title: 'Another Panel 3',
97 html: Ext.example.shortBogusMarkup
102 * Uncomment this block to test handling of the drop event. You could use this
103 * to save portlet position state for example. The event arg e is the custom
104 * event defined in Ext.ux.Portal.DropZone.
107 // 'drop': function(e){
108 // Ext.Msg.alert('Portlet Dropped', e.panel.title + '<br />Column: ' +
109 // e.columnIndex + '<br />Position: ' + e.position);