???求高手,Extjs的工具栏在宽屏,非宽屏下的自适应问题,,求教了!!!

来源:互联网 发布:个人软件开发合同范本 编辑:程序博客网 时间:2024/05/22 06:28

下面是一个.js文件,,界面的按钮都是写在这个.js文件里面,,我用宽屏的监视器进行开发的,在宽屏下完全可显示(还有余位...),,但是呢,我把界面拖到笔记本上时,有些按钮就没有显示出来!!!求高手指教了,,下面是截图:

宽屏显示:

非宽屏显示:

////////////////////////////////////////////////////////

.js文件:

/* * Copyright (c) 2008-2012 The Open Source Geospatial Foundation *  * Published under the BSD license. * See https://github.com/geoext/geoext2/blob/master/license.txt for the full * text of the license.    */Ext.require([    'GeoExt.data.MapfishPrintProvider',    'GeoExt.plugins.PrintExtent'])var fointSize = 6;var Feature = OpenLayers.Feature.Vector;var Geometry = OpenLayers.Geometry;var point_temp = new Array();var roomId=2;var buildId=1;var baseLayerOps={isBaseLayer:true};var mapTimeList=[{value:  1,text:'2012-07-01 12:00:00'},{value:  2,text:'2012-07-01 12:05:00'},{value:  3,text:'2012-07-01 12:10:00'},{value:  4,text:'2012-07-01 12:15:00'},{value:  5,text:'2012-07-01 12:20:00'},{value:  6,text:'2012-07-01 12:25:00'},{value:  7,text:'2012-07-01 12:30:00'},{value:  8,text:'2012-07-01 12:35:00'},{value:  9,text:'2012-07-01 12:40:00'},{value: 10,text:'2012-07-01 12:45:00'},{value: 11,text:'2012-07-01 12:50:00'},{value: 12,text:'2012-07-01 12:55:00'},{value: 13,text:'2012-07-01 13:00:00'},{value: 14,text:'2012-07-01 13:05:00'},{value: 15,text:'2012-07-01 13:10:00'},{value: 16,text:'2012-07-01 13:15:00'},{value: 17,text:'2012-07-01 13:20:00'},{value: 18,text:'2012-07-01 13:25:00'},{value: 19,text:'2012-07-01 13:30:00'},{value: 20,text:'2012-07-01 13:35:00'},{value: 21,text:'2012-07-01 13:40:00'},{value: 22,text:'2012-07-01 13:45:00'},{value: 23,text:'2012-07-01 13:50:00'},{value: 24,text:'2012-07-01 13:55:00'},{value: 25,text:'2012-07-01 14:00:00'},{value: 26,text:'2012-07-01 14:05:00'},{value: 27,text:'2012-07-01 14:10:00'},{value: 28,text:'2012-07-01 14:15:00'},{value: 29,text:'2012-07-01 14:20:00'},{value: 30,text:'2012-07-01 14:25:00'},{value: 31,text:'2012-07-01 14:30:00'},{value: 32,text:'2012-07-01 14:35:00'},{value: 33,text:'2012-07-01 14:40:00'},{value: 34,text:'2012-07-01 14:45:00'},{value: 35,text:'2012-07-01 14:50:00'},{value: 36,text:'2012-07-01 14:55:00'},{value: 37,text:'2012-07-01 15:00:00'},{value: 38,text:'2012-07-01 15:05:00'},{value: 39,text:'2012-07-01 15:10:00'},{value: 40,text:'2012-07-01 15:15:00'},{value: 41,text:'2012-07-01 15:20:00'},{value: 42,text:'2012-07-01 15:25:00'},{value: 43,text:'2012-07-01 15:30:00'},{value: 44,text:'2012-07-01 15:35:00'},{value: 45,text:'2012-07-01 15:40:00'},{value: 46,text:'2012-07-01 15:45:00'},{value: 47,text:'2012-07-01 15:50:00'},{value: 48,text:'2012-07-01 15:55:00'},{value: 49,text:'2012-07-01 16:00:00'},{value: 50,text:'2012-07-01 16:05:00'},{value: 51,text:'2012-07-01 16:10:00'},{value: 52,text:'2012-07-01 16:15:00'},{value: 53,text:'2012-07-01 16:20:00'},{value: 54,text:'2012-07-01 16:25:00'},{value: 55,text:'2012-07-01 16:30:00'},{value: 56,text:'2012-07-01 16:35:00'},{value: 57,text:'2012-07-01 16:40:00'},{value: 58,text:'2012-07-01 16:45:00'},{value: 59,text:'2012-07-01 16:50:00'},{value: 60,text:'2012-07-01 16:55:00'},{value: 61,text:'2012-07-01 17:00:00'},{value: 62,text:'2012-07-01 17:05:00'},{value: 63,text:'2012-07-01 17:10:00'},{value: 64,text:'2012-07-01 17:15:00'},{value: 65,text:'2012-07-01 17:20:00'},{value: 66,text:'2012-07-01 17:25:00'},{value: 67,text:'2012-07-01 17:30:00'},{value: 68,text:'2012-07-01 17:35:00'},{value: 69,text:'2012-07-01 17:40:00'},{value: 70,text:'2012-07-01 17:45:00'},{value: 71,text:'2012-07-01 17:50:00'},{value: 72,text:'2012-07-01 17:55:00'},{value: 73,text:'2012-07-01 18:00:00'},{value: 74,text:'2012-07-01 18:05:00'},{value: 75,text:'2012-07-01 18:10:00'},{value: 76,text:'2012-07-01 18:15:00'},{value: 77,text:'2012-07-01 18:20:00'},{value: 78,text:'2012-07-01 18:25:00'},{value: 79,text:'2012-07-01 18:30:00'},{value: 80,text:'2012-07-01 18:35:00'},{value: 81,text:'2012-07-01 18:40:00'},{value: 82,text:'2012-07-01 18:45:00'},{value: 83,text:'2012-07-01 18:50:00'},{value: 84,text:'2012-07-01 18:55:00'},{value: 85,text:'2012-07-01 19:00:00'},{value: 86,text:'2012-07-01 19:05:00'},{value: 87,text:'2012-07-01 19:10:00'},{value: 88,text:'2012-07-01 19:15:00'},{value: 89,text:'2012-07-01 19:20:00'},{value: 90,text:'2012-07-01 19:25:00'},{value: 91,text:'2012-07-01 19:30:00'},{value: 92,text:'2012-07-01 19:35:00'},{value: 93,text:'2012-07-01 19:40:00'},{value: 94,text:'2012-07-01 19:45:00'},{value: 95,text:'2012-07-01 19:50:00'},{value: 96,text:'2012-07-01 19:55:00'},{value: 97,text:'2012-07-01 20:00:00'},{value: 98,text:'2012-07-01 20:05:00'},{value: 99,text:'2012-07-01 20:10:00'},{value:100,text:'2012-07-01 20:15:00'},{value:101,text:'2012-07-01 20:20:00'},{value:102,text:'2012-07-01 20:25:00'},{value:103,text:'2012-07-01 20:30:00'},{value:104,text:'2012-07-01 20:35:00'},{value:105,text:'2012-07-01 20:40:00'},{value:106,text:'2012-07-01 20:45:00'},{value:107,text:'2012-07-01 20:50:00'},{value:108,text:'2012-07-01 20:55:00'},{value:109,text:'2012-07-01 21:00:00'},{value:110,text:'2012-07-01 21:05:00'},{value:111,text:'2012-07-01 21:10:00'},{value:112,text:'2012-07-01 21:15:00'},{value:113,text:'2012-07-01 21:20:00'},{value:114,text:'2012-07-01 21:25:00'},{value:115,text:'2012-07-01 21:30:00'},{value:116,text:'2012-07-01 21:35:00'},{value:117,text:'2012-07-01 21:40:00'},{value:118,text:'2012-07-01 21:45:00'},{value:119,text:'2012-07-01 21:50:00'},{value:120,text:'2012-07-01 21:55:00'},{value:121,text:'2012-07-01 22:00:00'},{value:122,text:'2012-07-01 22:05:00'},{value:123,text:'2012-07-01 22:10:00'},{value:124,text:'2012-07-01 22:15:00'},{value:125,text:'2012-07-01 22:20:00'},{value:126,text:'2012-07-01 22:25:00'},{value:127,text:'2012-07-01 22:30:00'},{value:128,text:'2012-07-01 22:35:00'},{value:129,text:'2012-07-01 22:40:00'},{value:130,text:'2012-07-01 22:45:00'},{value:131,text:'2012-07-01 22:50:00'},{value:132,text:'2012-07-01 22:55:00'},{value:133,text:'2012-07-01 23:00:00'},{value:134,text:'2012-07-01 23:05:00'},{value:135,text:'2012-07-01 23:10:00'},{value:136,text:'2012-07-01 23:15:00'},{value:137,text:'2012-07-01 23:20:00'},{value:138,text:'2012-07-01 23:25:00'},{value:139,text:'2012-07-01 23:30:00'},{value:140,text:'2012-07-01 23:35:00'},{value:141,text:'2012-07-01 23:40:00'},{value:142,text:'2012-07-01 23:45:00'},{value:143,text:'2012-07-01 23:50:00'},{value:144,text:'2012-07-01 23:55:00'},{value:145,text:'2012-07-02 00:00:00'},{value:146,text:'2012-07-02 00:05:00'},{value:147,text:'2012-07-02 00:10:00'},{value:148,text:'2012-07-02 00:15:00'},{value:149,text:'2012-07-02 00:20:00'},{value:150,text:'2012-07-02 00:25:00'},{value:151,text:'2012-07-02 00:30:00'},{value:152,text:'2012-07-02 00:35:00'},{value:153,text:'2012-07-02 00:40:00'},{value:154,text:'2012-07-02 00:45:00'},{value:155,text:'2012-07-02 00:50:00'},{value:156,text:'2012-07-02 00:55:00'},{value:157,text:'2012-07-02 01:00:00'},{value:158,text:'2012-07-02 01:05:00'},{value:159,text:'2012-07-02 01:10:00'},{value:160,text:'2012-07-02 01:15:00'},{value:161,text:'2012-07-02 01:20:00'},{value:162,text:'2012-07-02 01:25:00'},{value:163,text:'2012-07-02 01:30:00'},{value:164,text:'2012-07-02 01:35:00'},{value:165,text:'2012-07-02 01:40:00'},{value:166,text:'2012-07-02 01:45:00'},{value:167,text:'2012-07-02 01:50:00'},{value:168,text:'2012-07-02 01:55:00'},{value:169,text:'2012-07-02 02:00:00'},{value:170,text:'2012-07-02 02:05:00'},{value:171,text:'2012-07-02 02:10:00'},{value:172,text:'2012-07-02 02:15:00'},{value:173,text:'2012-07-02 02:20:00'},{value:174,text:'2012-07-02 02:25:00'},{value:175,text:'2012-07-02 02:30:00'},{value:176,text:'2012-07-02 02:35:00'},{value:177,text:'2012-07-02 02:40:00'},{value:178,text:'2012-07-02 02:45:00'},{value:179,text:'2012-07-02 02:50:00'},{value:180,text:'2012-07-02 02:55:00'},{value:181,text:'2012-07-02 03:00:00'},{value:182,text:'2012-07-02 03:05:00'},{value:183,text:'2012-07-02 03:10:00'},{value:184,text:'2012-07-02 03:15:00'},{value:185,text:'2012-07-02 03:20:00'},{value:186,text:'2012-07-02 03:25:00'},{value:187,text:'2012-07-02 03:30:00'},{value:188,text:'2012-07-02 03:35:00'},{value:189,text:'2012-07-02 03:40:00'},{value:190,text:'2012-07-02 03:45:00'},{value:191,text:'2012-07-02 03:50:00'},{value:192,text:'2012-07-02 03:55:00'},{value:193,text:'2012-07-02 04:00:00'},{value:194,text:'2012-07-02 04:05:00'},{value:195,text:'2012-07-02 04:10:00'},{value:196,text:'2012-07-02 04:15:00'},{value:197,text:'2012-07-02 04:20:00'},{value:198,text:'2012-07-02 04:25:00'},{value:199,text:'2012-07-02 04:30:00'},{value:200,text:'2012-07-02 04:35:00'},{value:201,text:'2012-07-02 04:40:00'},{value:202,text:'2012-07-02 04:45:00'},{value:203,text:'2012-07-02 04:50:00'},{value:204,text:'2012-07-02 04:55:00'},{value:205,text:'2012-07-02 05:00:00'},{value:206,text:'2012-07-02 05:05:00'},{value:207,text:'2012-07-02 05:10:00'},{value:208,text:'2012-07-02 05:15:00'},{value:209,text:'2012-07-02 05:20:00'},{value:210,text:'2012-07-02 05:25:00'},{value:211,text:'2012-07-02 05:30:00'},{value:212,text:'2012-07-02 05:35:00'},{value:213,text:'2012-07-02 05:40:00'},{value:214,text:'2012-07-02 05:45:00'},{value:215,text:'2012-07-02 05:50:00'},{value:216,text:'2012-07-02 05:55:00'},{value:217,text:'2012-07-02 06:00:00'},{value:218,text:'2012-07-02 06:05:00'},{value:219,text:'2012-07-02 06:10:00'},{value:220,text:'2012-07-02 06:15:00'},{value:221,text:'2012-07-02 06:20:00'},{value:222,text:'2012-07-02 06:25:00'},{value:223,text:'2012-07-02 06:30:00'},{value:224,text:'2012-07-02 06:35:00'},{value:225,text:'2012-07-02 06:40:00'},{value:226,text:'2012-07-02 06:45:00'},{value:227,text:'2012-07-02 06:50:00'},{value:228,text:'2012-07-02 06:55:00'},{value:229,text:'2012-07-02 07:00:00'},{value:230,text:'2012-07-02 07:05:00'},{value:231,text:'2012-07-02 07:10:00'},{value:232,text:'2012-07-02 07:15:00'},{value:233,text:'2012-07-02 07:20:00'},{value:234,text:'2012-07-02 07:25:00'},{value:235,text:'2012-07-02 07:30:00'},{value:236,text:'2012-07-02 07:35:00'},{value:237,text:'2012-07-02 07:40:00'},{value:238,text:'2012-07-02 07:45:00'},{value:239,text:'2012-07-02 07:50:00'},{value:240,text:'2012-07-02 07:55:00'},{value:241,text:'2012-07-02 08:00:00'},{value:242,text:'2012-07-02 08:05:00'},{value:243,text:'2012-07-02 08:10:00'},{value:244,text:'2012-07-02 08:15:00'},{value:245,text:'2012-07-02 08:20:00'},{value:246,text:'2012-07-02 08:25:00'},{value:247,text:'2012-07-02 08:30:00'},{value:248,text:'2012-07-02 08:35:00'},{value:249,text:'2012-07-02 08:40:00'},{value:250,text:'2012-07-02 08:45:00'},{value:251,text:'2012-07-02 08:50:00'},{value:252,text:'2012-07-02 08:55:00'},{value:253,text:'2012-07-02 09:00:00'},{value:254,text:'2012-07-02 09:05:00'},{value:255,text:'2012-07-02 09:10:00'},{value:256,text:'2012-07-02 09:15:00'},{value:257,text:'2012-07-02 09:20:00'},{value:258,text:'2012-07-02 09:25:00'},{value:259,text:'2012-07-02 09:30:00'},{value:260,text:'2012-07-02 09:35:00'},{value:261,text:'2012-07-02 09:40:00'},{value:262,text:'2012-07-02 09:45:00'},{value:263,text:'2012-07-02 09:50:00'},{value:264,text:'2012-07-02 09:55:00'},{value:265,text:'2012-07-02 10:00:00'},{value:266,text:'2012-07-02 10:05:00'},{value:267,text:'2012-07-02 10:10:00'},{value:268,text:'2012-07-02 10:15:00'},{value:269,text:'2012-07-02 10:20:00'},{value:270,text:'2012-07-02 10:25:00'},{value:271,text:'2012-07-02 10:30:00'},{value:272,text:'2012-07-02 10:35:00'},{value:273,text:'2012-07-02 10:40:00'},{value:274,text:'2012-07-02 10:45:00'},{value:275,text:'2012-07-02 10:50:00'},{value:276,text:'2012-07-02 10:55:00'},{value:277,text:'2012-07-02 11:00:00'},{value:278,text:'2012-07-02 11:05:00'},{value:279,text:'2012-07-02 11:10:00'},{value:280,text:'2012-07-02 11:15:00'},{value:281,text:'2012-07-02 11:20:00'},{value:282,text:'2012-07-02 11:25:00'},{value:283,text:'2012-07-02 11:30:00'},{value:284,text:'2012-07-02 11:35:00'},{value:285,text:'2012-07-02 11:40:00'},{value:286,text:'2012-07-02 11:45:00'},{value:287,text:'2012-07-02 11:50:00'},{value:288,text:'2012-07-02 11:55:00'}]var movableFloorOps={  strategies: [new OpenLayers.Strategy.Fixed()]     ,styleMap : new OpenLayers.StyleMap( {    'default' : {      "strokeColor" : "#aaaaaa",      "strokeOpacity" : 1,      "strokeWidth" : 1,      "fillColor" : "#FFFFFF",      "fillOpacity" : 1,      "pointRadius" : 6,      "pointerEvents" : "visiblePainted",      // label with \n linebreaks      //      label : "name: ${name}\n\nage: ${age}",      "fontColor" : "${favColor}",      "fontSize" : "12px",      "fontFamily" : "Courier New, monospace",      "fontWeight" : "bold",      "labelAlign" : "${align}",      "labelXOffset" : "${xOffset}",      "labelYOffset" : "${yOffset}"    }  })}var VentilateFloorOps={  strategies: [new OpenLayers.Strategy.Fixed()]   ,styleMap : new OpenLayers.StyleMap( {    'default' : {      "strokeColor" : "#aaaaaa",      "strokeOpacity" : 1,      "strokeWidth" : 1,      "fillColor" : "#cccccc",      "fillOpacity" : 0.3,      "pointRadius" : 6,      "pointerEvents" : "visiblePainted",      // label with \n linebreaks      //      label : "name: ${name}\n\nage: ${age}",      "fontColor" : "${favColor}",      "fontSize" : "12px",      "fontFamily" : "Courier New, monospace",      "fontWeight" : "bold",      "labelAlign" : "${align}",      "labelXOffset" : "${xOffset}",      "labelYOffset" : "${yOffset}"    }  })}var CRACLayerOps={  strategies: [new OpenLayers.Strategy.Fixed()]  ,styleMap : new OpenLayers.StyleMap( {    'default' : {      "strokeColor" : "#666666",      "strokeOpacity" : 0.5,      "strokeWidth" : 1,      "fillColor" : "#6699cc",      "fillOpacity" : 1,      "pointRadius" : 6,      "pointerEvents" : "visiblePainted",      // label with \n linebreaks      //      label : "name: ${name}\n\nage: ${age}",      "fontColor" : "${favColor}",      "fontSize" : "12px",      "fontFamily" : "Courier New, monospace",      "fontWeight" : "bold",      "labelAlign" : "${align}",      "labelXOffset" : "${xOffset}",      "labelYOffset" : "${yOffset}"    }  })}var pillarsLayerOps={  strategies: [new OpenLayers.Strategy.Fixed()]  ,styleMap : new OpenLayers.StyleMap( {    'default' : {      "strokeColor" : "#aaaaaa",      "strokeOpacity" : 1,      "strokeWidth" : 1,      "fillColor" : "#bbbbbb",      "fillOpacity" : 1,      "pointRadius" : 6,      "pointerEvents" : "visiblePainted",      // label with \n linebreaks      //      label : "name: ${name}\n\nage: ${age}",      "fontColor" : "${favColor}",      "fontSize" : "12px",      "fontFamily" : "Courier New, monospace",      "fontWeight" : "bold",      "labelAlign" : "${align}",      "labelXOffset" : "${xOffset}",      "labelYOffset" : "${yOffset}"    }  })}var doorsOps={  strategies: [new OpenLayers.Strategy.Fixed()]  ,styleMap : new OpenLayers.StyleMap({    'default' : {      strokeColor : "#aaaaaa",      strokeOpacity : 1,      strokeWidth : 1,      fillColor : "#bbbbbb",      fillOpacity : 1,      pointRadius : 6,      pointerEvents : "visiblePainted",      // label with \n linebreaks      //      label : "name: ${name}\n\nage: ${age}",      fontColor : "${favColor}",      fontSize : "12px",      fontFamily : "Courier New, monospace",      fontWeight : "bold",      labelAlign : "${align}",      labelXOffset : "${xOffset}",      labelYOffset : "${yOffset}"    }  })}var pointLayerOps={  strategies: [new OpenLayers.Strategy.Fixed()]  ,styleMap : new OpenLayers.StyleMap( {    'default' : {      strokeColor : "#aaaaaa",      strokeOpacity : 0.5,      strokeWidth : 1,      fillColor : "#EEEEEE",      fillOpacity : 1,      pointRadius : 3,      pointerEvents : "visiblePainted",      // label with \n linebreaks      //      label : "name: ${name}\n\nage: ${age}",      fontColor : "${favColor}",      fontSize : "12px",      fontFamily : "Courier New, monospace",      fontWeight : "bold",      labelAlign : "${align}",      labelXOffset : "${xOffset}",      labelYOffset : "${yOffset}"    }  })}var RACKSOps={  strategies: [new OpenLayers.Strategy.Fixed()]  ,styleMap : new OpenLayers.StyleMap({    'default' : {      strokeColor : "#444444",      strokeOpacity : 0.5,      strokeWidth : 1,      fillColor : "#8898a8",      fillOpacity : 1,      pointRadius : 6,      pointerEvents : "visiblePainted",      // label with \n linebreaks      //      label : "name: ${name}\n\nage: ${age}",      fontColor : "${favColor}",      fontSize : "12px",      fontFamily : "Courier New, monospace",      fontWeight : "bold",      labelAlign : "${align}",      labelXOffset : "${xOffset}",      labelYOffset : "${yOffset}"    }  })};var dataShanghaiRoomDetail = [    ['1','Room 1 @ SH Ground Floor'],    ['2','Room 2 @ SH Second Floor'],    ['3','Room 3 @ SH Third Floor']];var dataSingaporeRoomDetail = [    ['4','Room 1 @ Singapore Ground Floor'],    ['5','Room 2 @ Singapore Second Floor'],    ['6','Room 3 @ Singapore Third Floor']];var dataHongkongRoomDetail = [    ['7','Room 1 @ Hongkong Ground Floor'],    ['8','Room 2 @ Hongkong Second Floor'],    ['9','Room 3 @ Hongkong Third Floor']];var dataLARoomDetail = [    ['10','Room 1 @ Los Angeles Ground Floor'],    ['11','Room 2 @ Los Angeles Second Floor'],    ['12','Room 3 @ Los Angeles Third Floor']];var dataLondonRoomDetail = [    ['13','Room 1 @ London Ground Floor'],    ['14','Room 2 @ London Second Floor'],    ['15','Room 3 @ London Third Floor']];var storeBuild = Ext.create('Ext.data.Store', {     fields: ['value', 'text'],     data: [         {value:'Shanghai',text:'Shanghai'},         {value:'Singapore',text:'Singapore'},         {value:'Hongkong',text:'Hongkong'},         {value:'Los Angeles',text:'Los Angeles'},         {value:'London',text:'London'}     ],     autoLoad : true     });var storeRoom = Ext.create('Ext.data.Store', {     fields: ['value', 'text'],     data:[],     autoLoad : true});var MEModuleTopDocks={    xtype: 'toolbar',    dock: 'top',    items: [    {      xtype:'box',      flex:1    },{      xtype: 'button',      text: 'Create PDF',      handler: function() {          // todo...      }    },{      xtype: 'button',      text: 'Save Chart',      handler: function(){      //todo...      }    },{      xtype: 'button',      text: 'M&E_data',      handler: function(){      viewport.add({        region: 'south',        layout: 'fit',        weight: -30,        flex:   1,            dockedItems: [{          xtype: 'pagingtoolbar',          store: MEPlan,   // same store GridPanel is using          dock:  'bottom',          displayInfo: true        }],        items:[{        xtype:'grid',        flex:1,        store:MEPlan,        columns:[        {header:'Name', dataIndex:'ename'},        {header:'Descript', dataIndex:'descript'},        {header:'Gemoetry', dataIndex:'gemo'},        {header:'ac_last_time', dataIndex:'ac_last_time'},        {header:'ac_volt', dataIndex:'ac_volt'},        {header:'ac_curr', dataIndex:'ac_curr'},        {header:'ac_power', dataIndex:'ac_power'},        {header:'last_inhale_press', dataIndex:'last_inhale_press'},        {header:'last_inhale_temp', dataIndex:'last_inhale_temp'},        {header:'last_exhale_press', dataIndex:'last_exhale_press'},        {header:'last_exhale_temp', dataIndex:'last_exhale_temp'},        {header:'last_exhale_humi', dataIndex:'last_exhale_humi'},        {header:'last_wind_amount', dataIndex:'last_wind_amount'},        {header:'ups_last_tome', dataIndex:'ups_last_tome'},        {header:'last_in_volt', dataIndex:'last_in_volt'},        {header:'last_in_backup_volt', dataIndex:'last_in_backup_volt'},        {header:'last_in_curr', dataIndex:'last_in_curr'},        {header:'last_in_backup_curr', dataIndex:'last_in_backup_curr'},        {header:'last_out_volt', dataIndex:'last_out_volt'},        {header:'last_out_land_volt', dataIndex:'last_out_land_volt'},        {header:'last_out_curr', dataIndex:'last_out_curr'},        {header:'last_rate', dataindex:'last_rate'},        {header:'equ_time', dataIndex:'equ_time'},        {header:'equ_curr', dataIndex:'equ_curr'},        {header:'equ_volt', dataIndex:'equ_volt'},        {header:'equ_power', dataIndex:'equ_power'}        ],        selType:'featuremodel'        }]    });         }    },{      xtype:'button',      iconCls: 'close-button',      handler:function(){        var currregion=this.up('gx_mappanel').up('panel');        viewport.remove(currregion);      }    }]};var ITModuleTopDocks={    xtype: 'toolbar',    dock: 'top',    items: [{      xtype:'box',    flex:2,      html:""    }, {      xtype:'box',      flex:1    },{      xtype: 'button',      text: 'Create PDF',      handler: function(){      //todo...      }    },{      xtype: 'button',      text: 'Save Chart',      handler: function(){      //todo...      }    },{      xtype: 'button',      text: 'IT_data',      handler: function(){      viewport.add({        region: 'south',        layout: 'fit',        weight: -30,        flex:   1,            dockedItems: [{          xtype: 'pagingtoolbar',          store: ACLayerStore02,   // same store GridPanel is using          dock:  'bottom',          displayInfo: true        }],        items:[{        xtype:'grid',        flex:1,        store:ACLayerStore02,        columns:[        {header:'Name', dataIndex:'ename'},        {header:'Descript', dataIndex:'descript'},        {header:'geometry', dataIndex:'gemo'},        {header:'last_time', dataIndex:'last_time'},        {header:'last_volt', dataindex:'last_volt'},        {header:'last_curr', dataIndex:'last_curr'},        {header:'last_power', dataIndex:'last_power'},        {header:'design_power', dataIndex:'design_power'},        {header:'last_network', dataIndex:'last_network'},        {header:'design_network', dataIndex:'design_network'},        {header:'last_heatdensity', dataIndex:'last_heatdensity'},        {header:'design_heatdensity', dataIndex:'design_heatdensity'},        {header:'last_use_space', dataIndex:'last_use_space'},        {header:'design_space', dataIndex:'design_space'}        ],        selType:'featuremodel'        }]    });         }    },{      xtype:'button',      iconCls: 'close-button',      handler:function(){        var currregion=this.up('gx_mappanel').up('panel');        viewport.remove(currregion);      }    }]};var EMSModuleTopDocks={    xtype: 'toolbar',    dock: 'top',    items: [    {      xtype:'box',      html:"abc"    },     { xtype: 'tbseparator' },    {      xtype:'box',      html:"Time Selection: "    },{      xtype: 'button',      iconCls: 'time-first-button',      handler: function(){        var currCycle=this.up('toolbar').down('cycle');        currCycle.setActiveItem(currCycle.menu.items.items[0]);      }    }, {      xtype: 'button',      iconCls: 'time-previous-button',      handler: function(){        var currCycle=this.up('toolbar').down('cycle');        var currCycleItemIndex=currCycle.activeItem.itemIndex;        if(currCycleItemIndex==0){          Ext.Msg.alert("Message","It's the first one!");        } else {          currCycle.setActiveItem(currCycle.menu.items.items[currCycleItemIndex-1]);        }      }    }, {      xtype: 'cycle',      iconCls:'time-button',      showText: true,      //prependText: 'Plan Graphs at :',        menu: {        items: mapTimeList      },      changeHandler: function(cycleBtn, activeItem) {        if (cycleBtn.up('gx_mappanel')==null){          var newActiveItem=cycleBtn.menu.items.items[cycleBtn.itemCount-1];          cycleBtn.setActiveItem(newActiveItem,true);        } else {          var testdate=new Date();          testdate.setTime(mindate.getTime());          testdate.setMinutes(mindate.getMinutes()+5*activeItem.value-5);          var currMap=cycleBtn.up("gx_mappanel").map;          refreshimage(currMap.image_type,currMap.room_id,currMap.surf_layer,testdate,cycleBtn.up('gx_mappanel').map.layers[1]);        }      }    },{      xtype: 'button',//image animate      iconCls:'time-play-button',      handler: function(){        var currMap=this.up('gx_mappanel').map;        var currCycle=this.up('toolbar').down('cycle');        if (currMap.animate_quartz==null)         {        this.setIconCls('time-stop-button');          currMap.animate_quartz=self.setInterval(function()                 {                 var totalCycleNo=currCycle.itemCount;                 var currCycleItemIndex=currCycle.activeItem.itemIndex;                 if(currCycleItemIndex+1==totalCycleNo)                   {                     currCycle.setActiveItem(currCycle.menu.items.items[0]);                   } else {                     currCycle.setActiveItem(currCycle.menu.items.items[currCycleItemIndex+1]);                   }                },600);        } else {        this.setIconCls('time-play-button');        window.clearInterval(currMap.animate_quartz);        currMap.animate_quartz=null;        }      }    },{      xtype: 'button',      iconCls: 'time-next-button',      handler: function(){        var currCycle=this.up('toolbar').down('cycle');        var totalCycleNo=currCycle.itemCount;        var currCycleItemIndex=currCycle.activeItem.itemIndex;        if(currCycleItemIndex+1==totalCycleNo){          Ext.Msg.alert("Message","It's the last one!");        } else {          currCycle.setActiveItem(currCycle.menu.items.items[currCycleItemIndex+1]);        }      }    }, {      xtype: 'button',      iconCls: 'time-last-button',      handler: function(){        var currCycle=this.up('toolbar').down('cycle');        var totalCycleNo=currCycle.itemCount;        currCycle.setActiveItem(currCycle.menu.items.items[totalCycleNo-1]);      }    },{ xtype: 'tbseparator' },{      xtype:'box',      html:"Plan Module: "    },{      xtype: 'cycle',      iconCls:'switch-layer-button',      showText: true,      menu: {        items: [{        text:'Temperature',        iconCls:'switch-layer05-button',        handler: function(){      var currMap=this.up("gx_mappanel").map;      var currToolbar=this.up('toolbar')      var activeItem=currToolbar.down('cycle').activeItem;            if (currMap.image_type!='temp') {      var currTitle=currToolbar.down("box");      var currTitleString=currTitle.el.dom.innerHTML.toString();        currTitle.update("Module Temperature "+currTitleString.substring(currTitleString.indexOf('-')));      currMap.image_type='temp';          var testdate=new Date();          testdate.setTime(mindate.getTime());          testdate.setMinutes(mindate.getMinutes()+5*activeItem.value-5);          refreshimage(currMap.image_type,currMap.room_id,currMap.surf_layer,testdate,currMap.layers[1]);      }      }        },{        text:'Humidity',        iconCls:'switch-layer06-button',        handler: function(){      var currMap=this.up("gx_mappanel").map;      var currToolbar=this.up('toolbar')      var activeItem=this.up('toolbar').down('cycle').activeItem;      if (currMap.image_type!='H') {      var currTitle=currToolbar.down("box");      var currTitleString=currTitle.el.dom.innerHTML.toString();        currTitle.update("Module Humidity "+currTitleString.substring(currTitleString.indexOf('-')));      currMap.image_type='H';          var testdate=new Date();          testdate.setTime(mindate.getTime());          testdate.setMinutes(mindate.getMinutes()+5*activeItem.value-5);          refreshimage(currMap.image_type,currMap.room_id,currMap.surf_layer,testdate,currMap.layers[1]);      }      }        },{        text:'Pressure',        iconCls:'switch-layer07-button',        handler: function(){      var currMap=this.up("gx_mappanel").map;      var currToolbar=this.up('toolbar')      var activeItem=this.up('toolbar').down('cycle').activeItem;      if (currMap.image_type!='press') {      var currTitle=currToolbar.down("box");      var currTitleString=currTitle.el.dom.innerHTML.toString();        currTitle.update("Module Pressure "+currTitleString.substring(currTitleString.indexOf('-')));      currMap.image_type='press';      set_surf_layer(1,this);          var testdate=new Date();          testdate.setTime(mindate.getTime());          testdate.setMinutes(mindate.getMinutes()+5*activeItem.value-5);          refreshimage(currMap.image_type,currMap.room_id,currMap.surf_layer,testdate,currMap.layers[1]);      }      }        }]      }    },{ xtype: 'tbseparator' },{    xtype:'box',    html:'Sensor Height:'    },{      xtype: 'cycle',      iconCls:'switch-layer-button',      showText: true,      menu: {        items: [{        text:'Above Rack',        iconCls:'switch-layer01-button',        handler: function() {          set_surf_layer(4,this);        }        },{        text:'Mid Rack',        iconCls:'switch-layer02-button',        handler: function() {          set_surf_layer(3,this);        }        },{        text:'Above Floor',        iconCls:'switch-layer03-button',        handler: function() {          set_surf_layer(2,this);        }        },{        text:'Under Floor',        iconCls:'switch-layer04-button',        handler: function() {          set_surf_layer(1,this);        }                }]      }    }, { xtype: 'tbseparator' },{      xtype: 'button',      text: 'Create PDF',      handler: function(){      //todo...      }    },{ xtype: 'tbseparator' },{      xtype: 'button',      text: 'EMS_data',      handler: function(){      viewport.add({        region: 'south',        layout: 'fit',        weight: -30,        flex:   1,            dockedItems: [{          xtype: 'pagingtoolbar',          store: PointLayerStore,   // same store GridPanel is using          dock:  'bottom',          displayInfo: true        }],        items:[{        xtype:'grid',        flex:1,        store:PointLayerStore,        columns:[        {header:'Name', dataIndex:'ename'},        {header:'Descript', dataIndex:'descript'},        {header:'Geometry', dataIndex:'geom'}        ],        selType:'featuremodel'        }]    });         }    },{ xtype: 'tbseparator' },{      xtype: 'button',      text: 'IT_data',      handler: function(){      viewport.add({        region: 'south',        layout: 'fit',        weight: -30,        flex:   1,            dockedItems: [{          xtype: 'pagingtoolbar',          store: ACLayerStore,   // same store GridPanel is using          dock:  'bottom',          displayInfo: true        }],        items:[{        xtype:'grid',        flex:1,        store:ACLayerStore,        columns:[        {header:'Name', dataIndex:'ename'},        {header:'Descript', dataIndex:'descript'},        {header:'geometry', dataIndex:'gemo'},        {header:'ac_volt', dataindex:'last_in_volt'},        {header:'ac_curr', dataIndex:'last_in_curr'},        {header:'ac_power', dataIndex:'equ_power'},        {header:'last_inhale_press', dataIndex:'last_inhale_press'},        {header:'last_inhale_temp', dataIndex:'last_inhale_temp'},        {header:'last_inhale_temp', dataIndex:'last_inhale_temp'},        {header:'last_exhale_press', dataIndex:'last_exhale_press'},        {header:'last_exhale_temp', dataIndex:'last_exhale_temp'},        {header:'last_exhale_humi', dataIndex:'last_exhale_humi'},        {header:'last_wind_amount', dataIndex:'last_wind_amount'},        {header:'ups_last_tome', dataIndex:'ups_last_tome'},        {header:'last_in_volt', dataIndex:'last_in_volt'},        {header:'last_in_backup_volt', dataIndex:'last_in_backup_volt'},        {header:'last_in_curr', dataIndex:'last_in_curr'},        {header:'last_in_backup_curr', dataIndex:'last_in_backup_curr'},        {header:'last_out_volt', dataIndex:'last_out_volt'},        {header:'last_out_land_volt', dataIndex:'last_out_land_volt'},        {header:'last_out_curr', dataIndex:'last_out_curr'},        {header:'last_rate', dataIndex:'last_rate'},        {header:'equ_time', dataIndex:'equ_time'},        {header:'equ_curr', dataIndex:'equ_curr'},        {header:'equ_volt', dataIndex:'equ_volt'},        {header:'ac_power', dataIndex:'equ_power'}        ],        selType:'featuremodel'        }]    });         }    },{      xtype:'box',      flex:1    },{      xtype:'button',      iconCls:'close-button',      handler:function(){        var currregion=this.up('gx_mappanel').up('panel');        viewport.remove(currregion);      }    }]};

怎么解决啊,大侠们?是否增改属性啊?

原创粉丝点击