Sencha Touch Component's Width And Height/组件的宽度和高度

根据不同浏览器设置Sencha Touch组件的宽度和高度，可以通过Sencha Touch API中的一个对象来进行判断。

var myPanel = new Ext.Panel({
    floating: true,
    centered: true,
    modal: true,
    draggable: true,
    width: (Ext.is.Phone ? 200 : 600),
    height: (Ext.is.Phone ? 300 : 800)
 });

Ext.is对象提供多个方法进行判断。查看API可以看到除了Phone，还有 Android，Blackberry，Phone，iOS 等等。

当然你也可以把这个抽出来，单独写成一个方法，在国外网站扒了一个过来。如下。

var myPanel = new Ext.Panel({
    floating: true,
    centered: true,
    modal: true,
    draggable: true,
    width: getPanelSize('width'),
    height: getPanelSize('height')
 });

getPanelSize = function(sizeType){

    switch(sizeType){

       case 'width':

          if(Ext.is.iPhone) return 200;
          if(Ext.is.Blackberry) return 150;
          if(Ext.is.Android) return 180;

          break;

       case 'height':

          if(Ext.is.iPhone) return 300;
          if(Ext.is.Blackberry) return 100;
          if(Ext.is.Android) return 150;

          break;

    }

}