Ext에서 anchor 레이아웃 해석

1311 단어 extanchor배치
자세히 보기
[size=large] [size=medium] ext 레이아웃의 속성 anchor:'100% 100%'는 패널이 화면에 적응할 수 있는 해상도 요점: 1.용기 안의 구성 요소는 너비를 지정하거나 anchor에서 높이/너비를 동시에 지정합니다. 2.anchor 값은 보통 마이너스 값(비백분율 값을 가리키는 말)만 있을 뿐, 플러스 값은 의미가 없다.anchor는 문자열 값 "[/size][/size]여야 합니다.

Ext.onReady(function() {   

var panel1 = new Ext.Panel({   

  title: "panel1",   

 height: 100,   

  anchor: '-50',   

   html: " 100, = -50"  

 });   

 var panel2 = new Ext.Panel({   

 title: "panel2",   

  height: 100,   

 anchor: '50%',   

 html: " 100, = 50%"  

  });   

 var panel3 = new Ext.Panel({   

  title: "panel3",   

 anchor: '-10, -250',   

 html: " = -10, = -250"  

 });   

 var win = new Ext.Window({   

  title: "Anchor Layout",   

 height: 400,   

 width: 400,   

  plain: true,                       

 layout: 'anchor',   

 items: [panel1, panel2,panel3]               

});   

 win.show();   

});  


좋은 웹페이지 즐겨찾기