클릭하면 바뀌는 버튼 정렬 - extjs

Question

각 div에는 3 개의 div가 있으며 각각에는 패널이 있습니다. 처음에는 2 개의 패널 만 표시되고 다른 패널은 숨겨집니다. 패널 중 하나에서 '업데이트'를 클릭하면이 두 div가 숨겨지고 세 번째 div가 표시됩니다.
세 번째 패널에는 일련의 버튼이 있습니다. 아래는 코드입니다 그것을

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. 
     } 
    }] 

내가 뒤로 버튼을 클릭하면, 제 3 패널이 숨겨져 같은 JS에서 2 다른 그리드를 표시

. 그러나 '업데이트'버튼을 다시 클릭하면 세 번째 패널이 표시되고이 버튼의 정렬이 변경됩니다.
그래서 패널을 숨기고 표시 할 때 얼라인먼트가 이상하게 바뀝니다.
아무런 단서도없이 완전히 잃어버린 것입니다. 아무도 나를 도울 수 있습니까?

Answer 1

내 머리 위로 떨어져

:

당신이 buttonAlign: 'right'를 사용하지 말아야하고 width은이 CSS처럼 작동 String로서 당신이 당신의 width 값을 지정할 때의 ExtJS를 사용하여 모든 버튼의 문자열로 설정 값은, 그래서 당신은 선택해야한다 :

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

이 당신의 버튼을 더 이상 엉망 봐 야해 수정.