下面是一个.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);
}
}]
};
怎么解决啊，大侠们？是否增改属性啊？
943
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
