2010-06-04 4 views
1

죄송 내부 패널 Autosizeble 패널을 작성,하지만 어쩌면 이미지가 내 ploblem을 설명하는 데 도움이 될 것입니다 :하지 명확 질문 제목

image http://my.jetscreenshot.com/2951/20100604-ioyo-164kb.jpg

내가 autosizeable로 부모 패널에 작은 아이 패널을합니다.

protected void Page_Load(object sender, EventArgs e) 
     { 
      var bkg = new[] { "background-color: wheat;", "background-color: gray;", "background-color: #AAAAAA;" }; 
      var random = new Random(); 
      for (var i = 0; i < 285; i++) 
      { 
       var panel = new Panel 
           { 
            Header = false, 
            Width = 60, 
            Height = 30, 
            BodyStyle = bkg[random.Next(0, 3)], 
            Frame = false, 
            StyleSpec = "padding-top: 1px; padding-left: 1px;", 
            ID = "panel_" + i, 
            Html = string.Format("<span class='x-unselectable'>{0}</span>", i) 
           }; 
       var cell = new Cell(); 
       cell.Items.Add(panel); 
       TableLayout1.Cells.Add(cell); 
      } 

     } 

<ext:Panel ID="pnlWorkArea" runat="server" Title="Test"> 
    <Body> 
     <ext:TableLayout ID="TableLayout1" runat="server" Columns="15"> 
     </ext:TableLayout> 
    </Body> 
</ext:Panel> 

답변

1

당신이 하위 패널 배열이 완전히 중심 영역을 채우려는 것을 의미하는 경우가 아니라 다음,이 지역의 내부 크기를 계산하는 것보다 다른 것을 할 수있는 간단한 방법 : 여기 내 마크 업 및 코드 숨김입니다 현재와 ​​마찬가지로 고정 된 높이/너비를 하위 패널에 지정하지만 측정 값을 기반으로합니다. render 이벤트를 처리하거나 가운데 영역 패널의 onRender을 무시하여이 작업을 수행 할 수 있습니다.

행과 열의 수가 항상 동일하면 % dimenstions를 사용해 볼 수도 있지만 경험상 브라우저 전체에서 일관되게 작동하지 않습니다. 십진수에서 픽셀로 반올림하여 작은 간격을 얻을 수 있습니다.

+0

%를 시도했지만 예상대로 작동하지 않습니다. ( – Tror