layout.js
资源名称:ext-3.0.0.zip [点击查看]
上传用户:shuoshiled
上传日期:2018-01-28
资源大小:10124k
文件大小:1k
源码类别:
中间件编程
开发平台:
JavaScript
- /*! * Ext JS Library 3.0.0 * Copyright(c) 2006-2009 Ext JS, LLC * licensing@extjs.com * http://www.extjs.com/license */ Ext.onReady(function(){
- Ext.state.Manager.setProvider(
- new Ext.state.SessionProvider({state: Ext.appState}));
- var button = Ext.get('show-btn');
- button.on('click', function(){
- // tabs for the center
- var tabs = new Ext.TabPanel({
- region: 'center',
- margins:'3 3 3 0',
- activeTab: 0,
- defaults:{autoScroll:true},
- items:[{
- title: 'Bogus Tab',
- html: Ext.example.bogusMarkup
- },{
- title: 'Another Tab',
- html: Ext.example.bogusMarkup
- },{
- title: 'Closable Tab',
- html: Ext.example.bogusMarkup,
- closable:true
- }]
- });
- // Panel for the west
- var nav = new Ext.Panel({
- title: 'Navigation',
- region: 'west',
- split: true,
- width: 200,
- collapsible: true,
- margins:'3 0 3 3',
- cmargins:'3 3 3 3'
- });
- var win = new Ext.Window({
- title: 'Layout Window',
- closable:true,
- width:600,
- height:350,
- //border:false,
- plain:true,
- layout: 'border',
- items: [nav, tabs]
- });
- win.show(this);
- });
- });