2014-02-26 16 views
0

我有一個彈出窗口,它有一個標籤面板和下面的「保存」按鈕。其中一個選項卡包含一個網格面板和「添加新行」按鈕。最初,網格面板沒有行。當網格面板的高度達到某些像素值或某些沒有時,我如何顯示一個垂直滾動條。的行被添加? 代碼如下所示:如何在網格達到特定高度時將垂直滾動條添加到外部網格面板?

<ext:Window ID="Window1" runat="server" Height="600px" Width="400px" Title="Popup Window"> 
     <Items> 
      <ext:TabPanel ID="tabMain" runat="server" Width="400px" Height="300px"> 
       <Items> 
        <ext:Panel ID="pnlItem" runat="server" Title="Item"> 
         <Items> 
          <ext:Container runat="server"> 
           <Content> 
            <div> 
             ... 
             ... 
            </div> 
           </Content> 
          </ext:Container> 
         </Items> 
        </ext:Panel> 
        <ext:Panel ID="pnlQuantities" runat="server" Title="Quantities"> 
         <Items> 
          <ext:Container runat="server"> 
           <Content> 
            <div> 
             Grid Below: 
            </div> 
            <div> 
             <ext:GridPanel ID="gridQuantities" runat="server" Width="400px" Height="200px" Header="false"> 
              <Store> 
              .......... 
              .......... 
              </Store> 
             </ext:GridPanel> 
             <ext:Button ID="btnAddRow" runat="server" Text="Add New Row" Icon="Add"> 
              <Listeners> 
               <Click Fn="addNewRow" /> 
              </Listeners> 
             </ext:Button> 
            </div> 
           </Content> 
          </ext:Container> 
         </Items> 
        </ext:Panel> 
       </Items> 
      </ext:TabPanel>    
      <ext:Container runat="server"> 
       <Items> 
        <ext:Button ID="btnSave" runat="server" Text="Save" Icon="Disk"></ext:Button> 
       </Items> 
      </ext:Container> 
     </Items> 
    </ext:Window> 

我該怎麼做,請幫忙。

+3

設置config autoScroll:true,並在需要時創建滾動條。像這樣,你不必關心它們。 –

+0

您評價3分。也許,將它作爲答案發布是很好的。 –

回答

1

謝謝Lorenz Meyer。我只需將AutoScroll:true添加到我的GridPanel。而且我還將MaxHeight設置爲200,因此每當網格達到200像素高度時,就會出現垂直滾動條。

<ext:GridPanel ID="gridQuantities" runat="server" Width="400px" MaxHeight="200" Header="false" AutoScroll="true"> 
              <Store> 
              .......... 
              .......... 
              </Store> 
             </ext:GridPanel> 
相關問題