开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > JavaScript > 查看源码
grouptabs.js
资源名称：ext-3.1.0.zip　[点击查看]
上传用户：dawnssy
上传日期：2022-08-06
资源大小：9345k
文件大小：4k
源码类别：

JavaScript

开发平台：

JavaScript

grouptabs.js：源码内容
  1. /*!  * Ext JS Library 3.1.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ Ext.onReady(function() {
  2. Ext.QuickTips.init();
  3.     
  4.     // create some portlet tools using built in Ext tool ids
  5.     var tools = [{
  6.         id:'gear',
  7.         handler: function(){
  8.             Ext.Msg.alert('Message', 'The Settings tool was clicked.');
  9.         }
  10.     },{
  11.         id:'close',
  12.         handler: function(e, target, panel){
  13.             panel.ownerCt.remove(panel, true);
  14.         }
  15.     }];
  17.     var viewport = new Ext.Viewport({
  18.         layout:'fit',
  19.         items:[{
  20.             xtype: 'grouptabpanel',
  21.      tabWidth: 130,
  22.      activeGroup: 0,
  23.      items: [{
  24.      mainItem: 1,
  25.      items: [{
  26.      title: 'Tickets',
  27.                     layout: 'fit',
  28.                     iconCls: 'x-icon-tickets',
  29.                     tabTip: 'Tickets tabtip',
  30.                     style: 'padding: 10px;',
  31.      items: [new SampleGrid([0,1,2,3,4])]
  32.      }, 
  33.                 {
  34.                     xtype: 'portal',
  35.                     title: 'Dashboard',
  36.                     tabTip: 'Dashboard tabtip',
  37.                     items:[{
  38.                         columnWidth:.33,
  39.                         style:'padding:10px 0 10px 10px',
  40.                         items:[{
  41.                             title: 'Grid in a Portlet',
  42.                             layout:'fit',
  43.                             tools: tools,
  44.                             items: new SampleGrid([0, 2, 3])
  45.                         },{
  46.                             title: 'Another Panel 1',
  47.                             tools: tools,
  48.                             html: Ext.example.shortBogusMarkup
  49.                         }]
  50.                     },{
  51.                         columnWidth:.33,
  52.                         style:'padding:10px 0 10px 10px',
  53.                         items:[{
  54.                             title: 'Panel 2',
  55.                             tools: tools,
  56.                             html: Ext.example.shortBogusMarkup
  57.                         },{
  58.                             title: 'Another Panel 2',
  59.                             tools: tools,
  60.                             html: Ext.example.shortBogusMarkup
  61.                         }]
  62.                     },{
  63.                         columnWidth:.33,
  64.                         style:'padding:10px',
  65.                         items:[{
  66.                             title: 'Panel 3',
  67.                             tools: tools,
  68.                             html: Ext.example.shortBogusMarkup
  69.                         },{
  70.                             title: 'Another Panel 3',
  71.                             tools: tools,
  72.                             html: Ext.example.shortBogusMarkup
  73.                         }]
  74.                     }]                    
  75.                 }, {
  76.      title: 'Subscriptions',
  77.                     iconCls: 'x-icon-subscriptions',
  78.                     tabTip: 'Subscriptions tabtip',
  79.                     style: 'padding: 10px;',
  80. layout: 'fit',
  81.      items: [{
  82. xtype: 'tabpanel',
  83. activeTab: 1,
  84. items: [{
  85. title: 'Nested Tabs',
  86. html: Ext.example.shortBogusMarkup
  87. }]
  88. }]
  89.      }, {
  90.      title: 'Users',
  91.                     iconCls: 'x-icon-users',
  92.                     tabTip: 'Users tabtip',
  93.                     style: 'padding: 10px;',
  94.      html: Ext.example.shortBogusMarkup
  95.      }]
  96.             }, {
  97.                 expanded: true,
  98.                 items: [{
  99.                     title: 'Configuration',
  100.                     iconCls: 'x-icon-configuration',
  101.                     tabTip: 'Configuration tabtip',
  102.                     style: 'padding: 10px;',
  103.                     html: Ext.example.shortBogusMarkup 
  104.                 }, {
  105.                     title: 'Email Templates',
  106.                     iconCls: 'x-icon-templates',
  107.                     tabTip: 'Templates tabtip',
  108.                     style: 'padding: 10px;',
  109.                     html: Ext.example.shortBogusMarkup
  110.                 }]
  111.             }]
  112. }]
  113.     });
  114. });