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

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

JavaScript

开发平台：

JavaScript

portal.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(){
  3.     // NOTE: This is an example showing simple state management. During development,
  4.     // it is generally best to disable state management as dynamically-generated ids
  5.     // can change across page loads, leading to unpredictable results.  The developer
  6.     // should ensure that stable state ids are set for stateful components in real apps.
  7.     Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
  9.     // create some portlet tools using built in Ext tool ids
  10.     var tools = [{
  11.         id:'gear',
  12.         handler: function(){
  13.             Ext.Msg.alert('Message', 'The Settings tool was clicked.');
  14.         }
  15.     },{
  16.         id:'close',
  17.         handler: function(e, target, panel){
  18.             panel.ownerCt.remove(panel, true);
  19.         }
  20.     }];
  22.     var viewport = new Ext.Viewport({
  23.         layout:'border',
  24.         items:[{
  25.             region:'west',
  26.             id:'west-panel',
  27.             title:'West',
  28.             split:true,
  29.             width: 200,
  30.             minSize: 175,
  31.             maxSize: 400,
  32.             collapsible: true,
  33.             margins:'35 0 5 5',
  34.             cmargins:'35 5 5 5',
  35.             layout:'accordion',
  36.             layoutConfig:{
  37.                 animate:true
  38.             },
  39.             items: [{
  40.                 html: Ext.example.shortBogusMarkup,
  41.                 title:'Navigation',
  42.                 autoScroll:true,
  43.                 border:false,
  44.                 iconCls:'nav'
  45.             },{
  46.                 title:'Settings',
  47.                 html: Ext.example.shortBogusMarkup,
  48.                 border:false,
  49.                 autoScroll:true,
  50.                 iconCls:'settings'
  51.             }]
  52.         },{
  53.             xtype:'portal',
  54.             region:'center',
  55.             margins:'35 5 5 0',
  56.             items:[{
  57.                 columnWidth:.33,
  58.                 style:'padding:10px 0 10px 10px',
  59.                 items:[{
  60.                     title: 'Grid in a Portlet',
  61.                     layout:'fit',
  62.                     tools: tools,
  63.                     items: new SampleGrid([0, 2, 3])
  64.                 },{
  65.                     title: 'Another Panel 1',
  66.                     tools: tools,
  67.                     html: Ext.example.shortBogusMarkup
  68.                 }]
  69.             },{
  70.                 columnWidth:.33,
  71.                 style:'padding:10px 0 10px 10px',
  72.                 items:[{
  73.                     title: 'Panel 2',
  74.                     tools: tools,
  75.                     html: Ext.example.shortBogusMarkup
  76.                 },{
  77.                     title: 'Another Panel 2',
  78.                     tools: tools,
  79.                     html: Ext.example.shortBogusMarkup
  80.                 }]
  81.             },{
  82.                 columnWidth:.33,
  83.                 style:'padding:10px',
  84.                 items:[{
  85.                     title: 'Panel 3',
  86.                     tools: tools,
  87.                     html: Ext.example.shortBogusMarkup
  88.                 },{
  89.                     title: 'Another Panel 3',
  90.                     tools: tools,
  91.                     html: Ext.example.shortBogusMarkup
  92.                 }]
  93.             }]
  94.             
  95.             /*
  96.              * Uncomment this block to test handling of the drop event. You could use this
  97.              * to save portlet position state for example. The event arg e is the custom 
  98.              * event defined in Ext.ux.Portal.DropZone.
  99.              */
  100. //            ,listeners: {
  101. //                'drop': function(e){
  102. //                    Ext.Msg.alert('Portlet Dropped', e.panel.title + '<br />Column: ' + 
  103. //                        e.columnIndex + '<br />Position: ' + e.position);
  104. //                }
  105. //            }
  106.         }]
  107.     });
  108. });