???求高手,Extjs的工具欄在寬屏,非寬屏下的自適應問題,,求教了!!!
阿新 • • 發佈:2019-02-08
下面是一個.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); } }] };
怎麼解決啊,大俠們?是否增改屬性啊?