2012-08-02 5 views
1

사람이 iconCls 탭 패널 표시 줄에서 작동하지 않는 이유를 탭 표시 줄 possion는 엽차 터치에서 최고 일 때 저를 제안 할 수 있습니다 최고입니다 바닥. 왜 탭 표시가 위쪽 일 때 작동하지 않습니까? 위의 코드의iconCls가 작동하지 탭 패널 바 possition 탭 바 possiton 인 경우 2.</p> <p>가 잘 작동

Ext.create('Ext.TabPanel', { 
    fullscreen: true, 
    tabBarPosition: 'top', 

    defaults: { 
     styleHtmlContent: true 
    }, 

    items: [ 
     { 
      title: 'Home', 
      iconCls: 'home', 
      html: 'Home Screen' 
     }, 
     { 
      title: 'Contact', 
      iconCls: 'user', 
      html: 'Contact Screen' 
     } 
    ] 
}); 

출력 :

enter image description here

수는 최고 possition에서 작동하지 않는 사람이 왜 감사 : 위의 코드의

enter image description here

Ext.create('Ext.TabPanel', { 
    fullscreen: true, 
    tabBarPosition: 'bottom', 

    defaults: { 
     styleHtmlContent: true 
    }, 

    items: [ 
     { 
      title: 'Home', 
      iconCls: 'home', 
      html: 'Home Screen' 
     }, 
     { 
      title: 'Contact', 
      iconCls: 'user', 
      html: 'Contact Screen' 
     } 
    ] 
}); 

출력 미리.

답변

1

Sencha Touch 프레임 워크 클래스에서 정의 된 방식입니다. 당신이 그것을 당신의 방법을 원하는 경우

, 단지 그들을 무시 :)

0

그들이 그런 식으로 설계 .. 그들의 의견에

을 탭 패널이 좋은 볼 수있는 화면의 하단에있는 경우 아이콘이 있지만 화면 상단에 아이콘과 잘 맞지 않는 경우 ...

나는 그 결정에 동의합니다. 그렇지만 다르게 주장한다면 버튼을 아이템으로 추가 할 수 있습니다. 탭 패널 및 단추 안에 아이콘을 넣으십시오