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

源码开发语言/平台
当前位置：首页 > 源码/资料 > 中间件编程 > 查看源码
tabs-example.js
资源名称：ext-3.0.0.zip　[点击查看]
上传用户：shuoshiled
上传日期：2018-01-28
资源大小：10124k
文件大小：2k
源码类别：

中间件编程

开发平台：

JavaScript

tabs-example.js：源码内容
  1. /*!  * Ext JS Library 3.0.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. });