按鈕對齊更改點擊它 - extjs

有3個divs，每個都有一個面板。最初只顯示2個面板，另一個隱藏。點擊其中一個面板中的「更新」，這兩個div將被隱藏，並顯示第三個div。
第3個面板中有一組按鈕。下面是用於它的代碼按鈕對齊更改點擊它 - extjs

buttons: [{ 
     xtype: 'checkbox', id:'usapCheck', boxLabel: 'I Accept', allowBlank: false, margin: '1 1 4 230' 
},{ 
     buttonAlign: 'right',margin:'0 0 0 3.6',text: 'Save',width: '30',iconCls: 'save', 
     handler: function() { 
      //code to save form details 
     } 
    },{ 
      buttonAlign: 'right',margin:'1 1 0 3.6',text: 'Clear',width: '30',iconCls: 'clear', 
     handler: function() { 
      //code to clear the fields 
     } 
    },{ 
     buttonAlign: 'right',margin:'1 1 1 1.6',text: 'Back',width: '30',iconCls: 'back', 
     handler: function() { 
      //code to hide this div and show other divs. 
     } 
    }]

當我點擊後退按鈕時，第三面板是隱藏的，並顯示在相同的JS 2個其他網格。但是當我再次單擊'更新'按鈕時，要顯示第三個面板，這些按鈕的對齊將會改變。
因此，在隱藏和顯示面板時，對齊以奇怪的方式變化。
我完全失去了，沒有任何線索。誰能幫幫我嗎？

來源

2014-10-20 Freakyuser

我將'buttons'改成了'bbar'，並在Mozilla和IE中都可以使用。無論如何，謝謝你的幫助。我愚蠢的嘗試按鈕。 – Freakyuser 2014-10-27 13:28:17

關閉我的頭頂：

你不應該使用buttonAlign: 'right'那裏，你width設爲您的所有按鈕的字符串，使用ExtJS的，當您指定width值作爲字符串它就像CSS值，所以你必須選擇：

width: 30 // 30 pixels 
// or 
width: '30px' // 30 pixels

改正這一點，你的按鈕不應該看起來搞砸了。

來源

2014-10-22 03:55:45

+1。謝謝，我刪除了buttonAlign屬性，它在Mozilla中正常工作，但在IE中不起作用。在IE中，'I Accept'是用2行寫的，也就是說，文本包裝和按鈕對齊也受到阻礙。 – Freakyuser 2014-10-27 11:59:08

我將'buttons'改爲'bbar'，並且在Mozilla和IE中都有效。無論如何，謝謝你的幫助。我愚蠢的嘗試按鈕。 – Freakyuser 2014-10-27 13:26:30

但看看這個小提琴：https://fiddle.sencha.com/#fiddle/cc6。刪除寬度值周圍的引號並刪除buttonAlign使其完美工作。 – 2014-10-27 13:32:02

按鈕對齊更改點擊它 - extjs

回答

相關問題