Sencha NavigationView에서 다음 버튼을 표시하려면 어떻게합니까?

Sencha는 탐색 모음에 멋진 뒤로 단추를 추가합니다. 아래 그림과 같이. Sencha NavigationView에서 다음 버튼을 표시하려면 어떻게합니까?

Back button in NavigationView

그래서 제 질문은 다음과 같습니다 : -

어떻게 동적으로 탐색 모음에 다음 버튼을 추가 할 수 있습니까?
다음 버튼의 스타일과 비슷한 삼각형 가장자리를 사용하여 다음 버튼의 스타일을 지정하려면 어떻게해야합니까?

2013-05-19 AppleGrew

단추 모양을 ui : "forward"으로 설정하여 앞으로 단추 모양을 변경할 수 있습니다.

당신은 다음과 같은 방법을 탐색 모음에 버튼을 추가 할 수 있습니다 - 당신은 또한 컨트롤러에서 탐색 모음에 동적으로 버튼을 추가 할 수 있습니다

navigationBar : {   
     items:[ 
      { 
       xtype:'button', 
       text:'Forward', 
       ui:'forward' 
      } 
     ] 
    },

. 먼저 탐색보기의 인스턴스와 탐색 막대를 가져옵니다. 버튼을 몇 개 만들고 단추를 추가하십시오.

var navBar = this.getMyNavView().getNavigationBar(); 
    var button = Ext.create('Ext.Button', { 
     text: 'Button' 
    }); 
    navBar.add(button);

갱신 는 엽차 포럼에 ui : 'forward'이 문제를 발견. 그것을보십시오.

http://www.sencha.com/forum/showthread.php?253899-When-using-ui-forward-and-back-the-buttons-are-not-being-rendered-properly

출처

2013-05-19 18:28:31 SachinGutte

+1 크롬의 렌더링 문제로 답변을 업데이트합니다. 그 때문에 시간이 절약되었습니다. –

@MathewLeger 내가 크롬에서 제대로 렌더링하지 못했을 때. 위 링크의 스냅과 동일하게 보입니다. 그래서 그것은 진짜 버그 또는 그냥 내 CSS와 문제가 있는지 검색했습니다. – SachinGutte

팁. 오른쪽에 앞으로 버튼을 표시하려면'align : 'right'를 추가하십시오. – AppleGrew

Sencha NavigationView에서 다음 버튼을 표시하려면 어떻게합니까?

답변

관련 문제