Sencha 터치에서 패널의 높이와 너비를 조정하는 방법은 무엇입니까?

Question

3 개의 다른 패널 [bottomCar0, bottomCar1, bottomCar2]이 있고 그 요구 사항에 따라 높이와 너비를 조정하려는 경우 어떻게 할 수 있습니까 ??

내 코드 :

var bottomCar=new Ext.Panel({  
      layout:{  
       type:'hbox',  
       align:'stretch'  
      },  
      defaults:{  
       flex:1 
      }, 
      items: [bottomCar0,bottomCar1,bottomCar2]  

     }); 

은 내가 어떻게 기본값을 변경할 수 있습니다?

Thnaks
스 네하

Answer 1

것은 당신이 플렉스 잘 살고 있다는 : 1입니다. 이렇게하면 각 항목에 속성이 플렉스 : 1이됩니다. 이렇게하면 사용 가능한 공간, 즉 나머지 공간을 설정된 강제 플렉스 객체의 수로 나눠야합니다.

마찬가지로, 귀하의 경우에는 3 가지 항목이 플렉스 : 1보다 각각 33 %의 사용 가능한 높이를 얻게됩니다.

플렉스를 기본값에서 제거하고 패널 자체에 지정하는 것이 치수를 설정하는 것입니다.

당신은 기본적으로 내부의 높이와 너비를 설정할 수 있습니다, 그들 모두 같은 값

defaults:{ 
    height: 200, 
    width: 300 
} 

각 항목에 폭 높이와 설정을 얻을 것이다 경우

items: [ 
    { 
     title: 'Home', 
     iconCls: 'home', 
     height: 200, 
     width: 300 
    }, 
    { 
     title: 'Contact', 
     iconCls: 'user', 
     html: 'Contact Screen', 
     height: 100, 
     width: 150 
    } 
] 

More on Flex

Shlomi.

Answer 2

또는 "cls"를 패널에 추가하고 CSS 파일에서 조정할 수 있습니다.