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

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

中间件编程

开发平台：

JavaScript

sample.js：源码内容
  1. /*!  * Ext JS Library 3.0.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */
  2. // Sample desktop configuration
  3. MyDesktop = new Ext.app.App({
  4. init :function(){
  5. Ext.QuickTips.init();
  6. },
  8. getModules : function(){
  9. return [
  10. new MyDesktop.GridWindow(),
  11.             new MyDesktop.TabWindow(),
  12.             new MyDesktop.AccordionWindow(),
  13.             new MyDesktop.BogusMenuModule(),
  14.             new MyDesktop.BogusModule()
  15. ];
  16. },
  18.     // config for the start menu
  19.     getStartConfig : function(){
  20.         return {
  21.             title: 'Jack Slocum',
  22.             iconCls: 'user',
  23.             toolItems: [{
  24.                 text:'Settings',
  25.                 iconCls:'settings',
  26.                 scope:this
  27.             },'-',{
  28.                 text:'Logout',
  29.                 iconCls:'logout',
  30.                 scope:this
  31.             }]
  32.         };
  33.     }
  34. });
  38. /*
  39.  * Example windows
  40.  */
  41. MyDesktop.GridWindow = Ext.extend(Ext.app.Module, {
  42.     id:'grid-win',
  43.     init : function(){
  44.         this.launcher = {
  45.             text: 'Grid Window',
  46.             iconCls:'icon-grid',
  47.             handler : this.createWindow,
  48.             scope: this
  49.         }
  50.     },
  52.     createWindow : function(){
  53.         var desktop = this.app.getDesktop();
  54.         var win = desktop.getWindow('grid-win');
  55.         if(!win){
  56.             win = desktop.createWindow({
  57.                 id: 'grid-win',
  58.                 title:'Grid Window',
  59.                 width:740,
  60.                 height:480,
  61.                 iconCls: 'icon-grid',
  62.                 shim:false,
  63.                 animCollapse:false,
  64.                 constrainHeader:true,
  66.                 layout: 'fit',
  67.                 items:
  68.                     new Ext.grid.GridPanel({
  69.                         border:false,
  70.                         ds: new Ext.data.Store({
  71.                             reader: new Ext.data.ArrayReader({}, [
  72.                                {name: 'company'},
  73.                                {name: 'price', type: 'float'},
  74.                                {name: 'change', type: 'float'},
  75.                                {name: 'pctChange', type: 'float'}
  76.                             ]),
  77.                             data: Ext.grid.dummyData
  78.                         }),
  79.                         cm: new Ext.grid.ColumnModel([
  80.                             new Ext.grid.RowNumberer(),
  81.                             {header: "Company", width: 120, sortable: true, dataIndex: 'company'},
  82.                             {header: "Price", width: 70, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
  83.                             {header: "Change", width: 70, sortable: true, dataIndex: 'change'},
  84.                             {header: "% Change", width: 70, sortable: true, dataIndex: 'pctChange'}
  85.                         ]),
  87.                         viewConfig: {
  88.                             forceFit:true
  89.                         },
  90.                         //autoExpandColumn:'company',
  92.                         tbar:[{
  93.                             text:'Add Something',
  94.                             tooltip:'Add a new row',
  95.                             iconCls:'add'
  96.                         }, '-', {
  97.                             text:'Options',
  98.                             tooltip:'Blah blah blah blaht',
  99.                             iconCls:'option'
  100.                         },'-',{
  101.                             text:'Remove Something',
  102.                             tooltip:'Remove the selected item',
  103.                             iconCls:'remove'
  104.                         }]
  105.                     })
  106.             });
  107.         }
  108.         win.show();
  109.     }
  110. });
  114. MyDesktop.TabWindow = Ext.extend(Ext.app.Module, {
  115.     id:'tab-win',
  116.     init : function(){
  117.         this.launcher = {
  118.             text: 'Tab Window',
  119.             iconCls:'tabs',
  120.             handler : this.createWindow,
  121.             scope: this
  122.         }
  123.     },
  125.     createWindow : function(){
  126.         var desktop = this.app.getDesktop();
  127.         var win = desktop.getWindow('tab-win');
  128.         if(!win){
  129.             win = desktop.createWindow({
  130.                 id: 'tab-win',
  131.                 title:'Tab Window',
  132.                 width:740,
  133.                 height:480,
  134.                 iconCls: 'tabs',
  135.                 shim:false,
  136.                 animCollapse:false,
  137.                 border:false,
  138.                 constrainHeader:true,
  140.                 layout: 'fit',
  141.                 items:
  142.                     new Ext.TabPanel({
  143.                         activeTab:0,
  145.                         items: [{
  146.                             title: 'Tab Text 1',
  147.                             header:false,
  148.                             html : '<p>Something useful would be in here.</p>',
  149.                             border:false
  150.                         },{
  151.                             title: 'Tab Text 2',
  152.                             header:false,
  153.                             html : '<p>Something useful would be in here.</p>',
  154.                             border:false
  155.                         },{
  156.                             title: 'Tab Text 3',
  157.                             header:false,
  158.                             html : '<p>Something useful would be in here.</p>',
  159.                             border:false
  160.                         },{
  161.                             title: 'Tab Text 4',
  162.                             header:false,
  163.                             html : '<p>Something useful would be in here.</p>',
  164.                             border:false
  165.                         }]
  166.                     })
  167.             });
  168.         }
  169.         win.show();
  170.     }
  171. });
  175. MyDesktop.AccordionWindow = Ext.extend(Ext.app.Module, {
  176.     id:'acc-win',
  177.     init : function(){
  178.         this.launcher = {
  179.             text: 'Accordion Window',
  180.             iconCls:'accordion',
  181.             handler : this.createWindow,
  182.             scope: this
  183.         }
  184.     },
  186.     createWindow : function(){
  187.         var desktop = this.app.getDesktop();
  188.         var win = desktop.getWindow('acc-win');
  189.         if(!win){
  190.             win = desktop.createWindow({
  191.                 id: 'acc-win',
  192.                 title: 'Accordion Window',
  193.                 width:250,
  194.                 height:400,
  195.                 iconCls: 'accordion',
  196.                 shim:false,
  197.                 animCollapse:false,
  198.                 constrainHeader:true,
  200.                 tbar:[{
  201.                     tooltip:{title:'Rich Tooltips', text:'Let your users know what they can do!'},
  202.                     iconCls:'connect'
  203.                 },'-',{
  204.                     tooltip:'Add a new user',
  205.                     iconCls:'user-add'
  206.                 },' ',{
  207.                     tooltip:'Remove the selected user',
  208.                     iconCls:'user-delete'
  209.                 }],
  211.                 layout:'accordion',
  212.                 border:false,
  213.                 layoutConfig: {
  214.                     animate:false
  215.                 },
  217.                 items: [
  218.                     new Ext.tree.TreePanel({
  219.                         id:'im-tree',
  220.                         title: 'Online Users',
  221.                         loader: new Ext.tree.TreeLoader(),
  222.                         rootVisible:false,
  223.                         lines:false,
  224.                         autoScroll:true,
  225.                         tools:[{
  226.                             id:'refresh',
  227.                             on:{
  228.                                 click: function(){
  229.                                     var tree = Ext.getCmp('im-tree');
  230.                                     tree.body.mask('Loading', 'x-mask-loading');
  231.                                     tree.root.reload();
  232.                                     tree.root.collapse(true, false);
  233.                                     setTimeout(function(){ // mimic a server call
  234.                                         tree.body.unmask();
  235.                                         tree.root.expand(true, true);
  236.                                     }, 1000);
  237.                                 }
  238.                             }
  239.                         }],
  240.                         root: new Ext.tree.AsyncTreeNode({
  241.                             text:'Online',
  242.                             children:[{
  243.                                 text:'Friends',
  244.                                 expanded:true,
  245.                                 children:[{
  246.                                     text:'Jack',
  247.                                     iconCls:'user',
  248.                                     leaf:true
  249.                                 },{
  250.                                     text:'Brian',
  251.                                     iconCls:'user',
  252.                                     leaf:true
  253.                                 },{
  254.                                     text:'Jon',
  255.                                     iconCls:'user',
  256.                                     leaf:true
  257.                                 },{
  258.                                     text:'Tim',
  259.                                     iconCls:'user',
  260.                                     leaf:true
  261.                                 },{
  262.                                     text:'Nige',
  263.                                     iconCls:'user',
  264.                                     leaf:true
  265.                                 },{
  266.                                     text:'Fred',
  267.                                     iconCls:'user',
  268.                                     leaf:true
  269.                                 },{
  270.                                     text:'Bob',
  271.                                     iconCls:'user',
  272.                                     leaf:true
  273.                                 }]
  274.                             },{
  275.                                 text:'Family',
  276.                                 expanded:true,
  277.                                 children:[{
  278.                                     text:'Kelly',
  279.                                     iconCls:'user-girl',
  280.                                     leaf:true
  281.                                 },{
  282.                                     text:'Sara',
  283.                                     iconCls:'user-girl',
  284.                                     leaf:true
  285.                                 },{
  286.                                     text:'Zack',
  287.                                     iconCls:'user-kid',
  288.                                     leaf:true
  289.                                 },{
  290.                                     text:'John',
  291.                                     iconCls:'user-kid',
  292.                                     leaf:true
  293.                                 }]
  294.                             }]
  295.                         })
  296.                     }), {
  297.                         title: 'Settings',
  298.                         html:'<p>Something useful would be in here.</p>',
  299.                         autoScroll:true
  300.                     },{
  301.                         title: 'Even More Stuff',
  302.                         html : '<p>Something useful would be in here.</p>'
  303.                     },{
  304.                         title: 'My Stuff',
  305.                         html : '<p>Something useful would be in here.</p>'
  306.                     }
  307.                 ]
  308.             });
  309.         }
  310.         win.show();
  311.     }
  312. });
  314. // for example purposes
  315. var windowIndex = 0;
  317. MyDesktop.BogusModule = Ext.extend(Ext.app.Module, {
  318.     init : function(){
  319.         this.launcher = {
  320.             text: 'Window '+(++windowIndex),
  321.             iconCls:'bogus',
  322.             handler : this.createWindow,
  323.             scope: this,
  324.             windowId:windowIndex
  325.         }
  326.     },
  328.     createWindow : function(src){
  329.         var desktop = this.app.getDesktop();
  330.         var win = desktop.getWindow('bogus'+src.windowId);
  331.         if(!win){
  332.             win = desktop.createWindow({
  333.                 id: 'bogus'+src.windowId,
  334.                 title:src.text,
  335.                 width:640,
  336.                 height:480,
  337.                 html : '<p>Something useful would be in here.</p>',
  338.                 iconCls: 'bogus',
  339.                 shim:false,
  340.                 animCollapse:false,
  341.                 constrainHeader:true
  342.             });
  343.         }
  344.         win.show();
  345.     }
  346. });
  349. MyDesktop.BogusMenuModule = Ext.extend(MyDesktop.BogusModule, {
  350.     init : function(){
  351.         this.launcher = {
  352.             text: 'Bogus Submenu',
  353.             iconCls: 'bogus',
  354.             handler: function() {
  355. return false;
  356. },
  357.             menu: {
  358.                 items:[{
  359.                     text: 'Bogus Window '+(++windowIndex),
  360.                     iconCls:'bogus',
  361.                     handler : this.createWindow,
  362.                     scope: this,
  363.                     windowId: windowIndex
  364.                     },{
  365.                     text: 'Bogus Window '+(++windowIndex),
  366.                     iconCls:'bogus',
  367.                     handler : this.createWindow,
  368.                     scope: this,
  369.                     windowId: windowIndex
  370.                     },{
  371.                     text: 'Bogus Window '+(++windowIndex),
  372.                     iconCls:'bogus',
  373.                     handler : this.createWindow,
  374.                     scope: this,
  375.                     windowId: windowIndex
  376.                     },{
  377.                     text: 'Bogus Window '+(++windowIndex),
  378.                     iconCls:'bogus',
  379.                     handler : this.createWindow,
  380.                     scope: this,
  381.                     windowId: windowIndex
  382.                     },{
  383.                     text: 'Bogus Window '+(++windowIndex),
  384.                     iconCls:'bogus',
  385.                     handler : this.createWindow,
  386.                     scope: this,
  387.                     windowId: windowIndex
  388.                 }]
  389.             }
  390.         }
  391.     }
  392. });
  395. // Array data for the grid
  396. Ext.grid.dummyData = [
  397.     ['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
  398.     ['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
  399.     ['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
  400.     ['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
  401.     ['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
  402.     ['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
  403.     ['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am'],
  404.     ['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
  405.     ['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
  406.     ['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
  407.     ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
  408.     ['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
  409.     ['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
  410.     ['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
  411.     ['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
  412.     ['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
  413.     ['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
  414.     ['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
  415.     ['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am'],
  416.     ['Walt Disney Company (The) (Holding Company)',29.89,0.24,0.81,'9/1 12:00am']
  417. ];