2013-08-29 60 views
0

我想垂直對齊按鈕,然後想要將其設置到屏幕的底部 ,但只要我設置其屬性bottom:0按鈕下降但是他們沒有在寬度上拉伸。設置按鈕在底部,但在sencha觸摸完全拉伸寬度

我想要的是我想將它設置爲底部和全屏寬度。

enter image description here

這裏是我的代碼

Ext.define("ca.view.cav",{ 
    extend:'Ext.Container', 
    xtype:'cv', 
    requires:['Ext.Button','Ext.Panel'], 

    config:{ 
     bottom:0, 
     defaults: { 
      margin: '10 0 0 0' 
     } , 
     items:[{ 
      xtype:'button', 
      text:'YES' 
     },{ 
      xtype:'button', 
      text:'NO' 
     },{ 
      xtype:'button', 
      text:'PROBABLY YES' 
     },{ 
      xtype:'button', 
      text:'PROBABLY NO' 
     },{ 
      xtype:'button', 
      text:'DON\'T KNOW' 
     },{ 
      xtype:'button', 
      text:'SKIP' 
     }] 
    } 
}); 

,我在給其他面板添加此容器,xtype:cv

+0

包含面板的佈局是什麼?你可以發佈該代碼嗎? – kevhender

+0

它的佈局:'vbox'' – Hunt

回答

0

好像它的工作原理只是添加width: '100%'到配置:

config:{ 
    bottom:0, 
    width: '100%', 
    defaults: { 
     xtype:'button', 
     margin: '10 0 0 0' 
    }, 
    items:[{ 
     text:'YES' 
    },{ 
     text:'NO' 
    },{ 
     text:'PROBABLY YES' 
    },{ 
     text:'PROBABLY NO' 
    },{ 
     text:'DON\'T KNOW' 
    },{ 
     text:'SKIP' 
    }] 
} 

請看這裏:http://new.senchafiddle.com/#/lWv9p/

+0

他們沒有維持中心,因爲我必須將'margin margin'設置爲'15'像素以使其居中 – Hunt

+0

這是否修復了原始問題,還是仍然卡住? – kevhender

+0

是的,它解決了這個問題,但我希望在其他設備上它不會提出任何問題顯示按鈕 – Hunt