/*!
- * Ext JS Library 3.0.0
- * Copyright(c) 2006-2009 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
+ * Ext JS Library 3.3.1
+ * Copyright(c) 2006-2010 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
*/
-Ext.onReady(function() {\r
- Ext.QuickTips.init();\r
- \r
- // create some portlet tools using built in Ext tool ids\r
- var tools = [{\r
- id:'gear',\r
- handler: function(){\r
- Ext.Msg.alert('Message', 'The Settings tool was clicked.');\r
- }\r
- },{\r
- id:'close',\r
- handler: function(e, target, panel){\r
- panel.ownerCt.remove(panel, true);\r
- }\r
- }];\r
-\r
- var viewport = new Ext.Viewport({\r
- layout:'fit',\r
- items:[{\r
- xtype: 'grouptabpanel',\r
- tabWidth: 130,\r
- activeGroup: 0,\r
- items: [{\r
- mainItem: 1,\r
- items: [{\r
- title: 'Tickets',\r
- layout: 'fit',\r
- iconCls: 'x-icon-tickets',\r
- tabTip: 'Tickets tabtip',\r
- style: 'padding: 10px;',\r
- items: [new SampleGrid([0,1,2,3,4])]\r
- }, \r
- {\r
- xtype: 'portal',\r
- title: 'Dashboard',\r
- tabTip: 'Dashboard tabtip',\r
- items:[{\r
- columnWidth:.33,\r
- style:'padding:10px 0 10px 10px',\r
- items:[{\r
- title: 'Grid in a Portlet',\r
- layout:'fit',\r
- tools: tools,\r
- items: new SampleGrid([0, 2, 3])\r
- },{\r
- title: 'Another Panel 1',\r
- tools: tools,\r
- html: Ext.example.shortBogusMarkup\r
- }]\r
- },{\r
- columnWidth:.33,\r
- style:'padding:10px 0 10px 10px',\r
- items:[{\r
- title: 'Panel 2',\r
- tools: tools,\r
- html: Ext.example.shortBogusMarkup\r
- },{\r
- title: 'Another Panel 2',\r
- tools: tools,\r
- html: Ext.example.shortBogusMarkup\r
- }]\r
- },{\r
- columnWidth:.33,\r
- style:'padding:10px',\r
- items:[{\r
- title: 'Panel 3',\r
- tools: tools,\r
- html: Ext.example.shortBogusMarkup\r
- },{\r
- title: 'Another Panel 3',\r
- tools: tools,\r
- html: Ext.example.shortBogusMarkup\r
- }]\r
- }] \r
- }, {\r
- title: 'Subscriptions',\r
- iconCls: 'x-icon-subscriptions',\r
- tabTip: 'Subscriptions tabtip',\r
- style: 'padding: 10px;',\r
- layout: 'fit',\r
- items: [{\r
- xtype: 'tabpanel',\r
- activeTab: 1,\r
- items: [{\r
- title: 'Nested Tabs',\r
- html: Ext.example.shortBogusMarkup\r
- }] \r
- }] \r
- }, {\r
- title: 'Users',\r
- iconCls: 'x-icon-users',\r
- tabTip: 'Users tabtip',\r
- style: 'padding: 10px;',\r
- html: Ext.example.shortBogusMarkup \r
- }]\r
- }, {\r
- expanded: true,\r
- items: [{\r
- title: 'Configuration',\r
- iconCls: 'x-icon-configuration',\r
- tabTip: 'Configuration tabtip',\r
- style: 'padding: 10px;',\r
- html: Ext.example.shortBogusMarkup \r
- }, {\r
- title: 'Email Templates',\r
- iconCls: 'x-icon-templates',\r
- tabTip: 'Templates tabtip',\r
- style: 'padding: 10px;',\r
- html: Ext.example.shortBogusMarkup\r
- }]\r
- }]\r
- }]\r
- });\r
-});\r
+Ext.onReady(function() {
+ Ext.QuickTips.init();
+
+ // 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:'fit',
+ items:[{
+ xtype: 'grouptabpanel',
+ tabWidth: 130,
+ activeGroup: 0,
+ items: [{
+ mainItem: 1,
+ items: [{
+ title: 'Tickets',
+ layout: 'fit',
+ iconCls: 'x-icon-tickets',
+ tabTip: 'Tickets tabtip',
+ style: 'padding: 10px;',
+ items: [new SampleGrid([0,1,2,3,4])]
+ },
+ {
+ xtype: 'portal',
+ title: 'Dashboard',
+ tabTip: 'Dashboard tabtip',
+ 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
+ }]
+ }]
+ }, {
+ title: 'Subscriptions',
+ iconCls: 'x-icon-subscriptions',
+ tabTip: 'Subscriptions tabtip',
+ style: 'padding: 10px;',
+ layout: 'fit',
+ items: [{
+ xtype: 'tabpanel',
+ activeTab: 1,
+ items: [{
+ title: 'Nested Tabs',
+ html: Ext.example.shortBogusMarkup
+ }]
+ }]
+ }, {
+ title: 'Users',
+ iconCls: 'x-icon-users',
+ tabTip: 'Users tabtip',
+ style: 'padding: 10px;',
+ html: Ext.example.shortBogusMarkup
+ }]
+ }, {
+ expanded: true,
+ items: [{
+ title: 'Configuration',
+ iconCls: 'x-icon-configuration',
+ tabTip: 'Configuration tabtip',
+ style: 'padding: 10px;',
+ html: Ext.example.shortBogusMarkup
+ }, {
+ title: 'Email Templates',
+ iconCls: 'x-icon-templates',
+ tabTip: 'Templates tabtip',
+ style: 'padding: 10px;',
+ html: Ext.example.shortBogusMarkup
+ }]
+ }]
+ }]
+ });
+});
git.ithinksw.org / extjs.git / blobdiff