Category

Development Platform
Home > SourceCode/Document > Java Develop > JavaScript > View Code
tabs-example.js
Package: ext-3.1.0.zip　[view]
Upload User: dawnssy
Upload Date: 2022-08-06
Package Size: 9345k
Code Size: 2k
Category:

JavaScript

Development Platform:

JavaScript

tabs-example.js：Code Content
  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.     // basic tabs 1, built from existing content
  3.     var tabs = new Ext.TabPanel({
  4.         renderTo: 'tabs1',
  5.         width:450,
  6.         activeTab: 0,
  7.         frame:true,
  8.         defaults:{autoHeight: true},
  9.         items:[
  10.             {contentEl:'script', title: 'Short Text'},
  11.             {contentEl:'markup', title: 'Long Text'}
  12.         ]
  13.     });
  15.     // second tabs built from JS
  16.     var tabs2 = new Ext.TabPanel({
  17.         renderTo: document.body,
  18.         activeTab: 0,
  19.         width:600,
  20.         height:250,
  21.         plain:true,
  22.         defaults:{autoScroll: true},
  23.         items:[{
  24.                 title: 'Normal Tab',
  25.                 html: "My content was added during construction."
  26.             },{
  27.                 title: 'Ajax Tab 1',
  28.                 autoLoad:'ajax1.htm'
  29.             },{
  30.                 title: 'Ajax Tab 2',
  31.                 autoLoad: {url: 'ajax2.htm', params: 'foo=bar&wtf=1'}
  32.             },{
  33.                 title: 'Event Tab',
  34.                 listeners: {activate: handleActivate},
  35.                 html: "I am tab 4's content. I also have an event listener attached."
  36.             },{
  37.                 title: 'Disabled Tab',
  38.                 disabled:true,
  39.                 html: "Can't see me cause I'm disabled"
  40.             }
  41.         ]
  42.     });
  44.     function handleActivate(tab){
  45.         alert(tab.title + ' was activated.');
  46.     }
  47. });