2016-01-04 27 views
0

我有一個樹視圖,它忽略了我創建更緊湊視圖的願望。 treeview延伸到我的頁面高度以下,所以我試圖讓它坐在面板或div內,大約300px。無論我在哪裏放置div或panel標籤,它似乎都不會改變高度,並且樹狀視圖會一直持續到數據結束。誰能幫忙?Treeview無法識別想要的高度

這裏是我的代碼:

asp.net:

<script type="text/javascript"> 
    // It is important to place this JavaScript code after ScriptManager1 
    var xPos, yPos; 
    var prm = Sys.WebForms.PageRequestManager.getInstance(); 

    function BeginRequestHandler(sender, args) { 
     if ($get('<%=Panel1.ClientID%>') != null) { 
      // Get X and Y positions of scrollbar before the partial postback 
      xPos = $get('<%=Panel1.ClientID%>').scrollLeft; 
      yPos = $get('<%=Panel1.ClientID%>').scrollTop; 
     } 
    } 

    function EndRequestHandler(sender, args) { 
     if ($get('<%=Panel1.ClientID%>') != null) { 
      // Set X and Y positions back to the scrollbar 
      // after partial postback 
      $get('<%=Panel1.ClientID%>').scrollLeft = xPos; 
      $get('<%=Panel1.ClientID%>').scrollTop = yPos; 
     } 
    } 

    prm.add_beginRequest(BeginRequestHandler); 
    prm.add_endRequest(EndRequestHandler); 
</script> 

<asp:Panel ID="FPanel" runat="server" Height="300px"> 
    <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
     <ContentTemplate> 
      <asp:Panel ID="Panel1" runat="server" Height="300px"> 
<div style="height:300px"> 
       <asp:TreeView ID="TreeViewAccts" runat="server" ShowLines="true" PopulateNodesFromClient="false" OnSelectedNodeChanged="TreeView1_SelectedNodeChanged1" Height="118px" ShowExpandCollapse="true" Font-Size="X-Small" Width="645px" NodeIndent="10" Font-Bold="True" ForeColor="DarkBlue" ExpandDepth="0"> 
        <NodeStyle VerticalPadding="1" 
           Font-Names="Courier" 
           Font-Size="8pt" 
           NodeSpacing="0" 
           HorizontalPadding="5" 
           BorderStyle="Solid" 
           BorderColor="DarkCyan" 
           BorderWidth="1" 
           BackColor="White" 
           Width="640"> 
        </NodeStyle>   
       </asp:TreeView> 
       <asp:TextBox ID="txtTreeselect" runat="server" Enabled="False" Visible="False"></asp:TextBox> 
       <asp:HiddenField ID="xCoordHolder" runat="server" /> 
       <asp:HiddenField ID="yCoordHolder" runat="server" /> 
</div> 
      </asp:Panel> 
     </ContentTemplate> 
    </asp:UpdatePanel> 
</asp:Panel> 

回答

0

明白了。對於任何感興趣的人來說,這個面板的一個屬性叫做「ScrollBars」。

我改變

<asp:Panel ID="FPanel" runat="server" Height="300px"> 

<asp:Panel ID="FPanel" runat="server" Height="300px" ScrollBars="Vertical"> 

添加在此之後,我能夠徹底刪除div標籤,一切工作正常。