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

javascript 同时被 2 个专栏收录
9 篇文章 0 订阅
7 篇文章 0 订阅

下面是一个.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);
      }
    }]
};

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

  • 0
    点赞
  • 1
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值