2012-11-21 88 views
2

我構建了一個ASP.NET應用程序並使用兩個div和一個ListView。我的ListView從數據庫中獲取數據,如果我需要很多行,我會得到一個溢出,但是我想爲此ListView提供一個滾動條。如何在ASP.NET中爲我的ListView控件獲取滾動條

我的網站:

enter image description here

我的網站,如果我要多行:(

enter image description here

我的網站,我想有一個滾動條

enter image description here

我的代碼:

<asp:Content ID="Content2" ContentPlaceHolderID="lw_content" runat="server"> 
    <div class="userlist"> 
     <div class="liste"> 

      <asp:ListView runat="server" ID="myListView"> 

       <LayoutTemplate> 
        <table id="UserList" border="0" cellpadding="0" cellspacing="0"> 
         <tr style="background-color:#ccdaeb"> 
          <th align="left"> 
           <asp:Label ID="header_name" runat="server" Text="Name"></asp:Label></th> 
          <th align="left"> 
           <asp:Label ID="header_firma" runat="server" Text="Firma"></asp:Label></th> 
          <th align="left"> 
           <asp:Label ID="header_von" runat="server" Text="gültig ab"></asp:Label></th> 
          <th align="left"> 
           <asp:Label ID="header_bis" runat="server" Text="gültig bis"></asp:Label></th> 
          <th align="left"> 
           <asp:Label ID="header_ersteller" runat="server" Text="erstellt von"></asp:Label></th> 
         </tr> 
         <tr id="itemPlaceholder" runat="server"></tr> 
        </table> 
       </LayoutTemplate> 

       <ItemTemplate> 
        <tr> 
         <td align="left"><asp:Label ID="lblname" Text='<%# Eval("GanzerName") %>' runat="server" /></td> 
         <td align="left"><asp:Label ID="lblfirma" Text='<%# Eval("Firma") %>' runat="server" /></td> 
         <td align="left"><asp:Label ID="lblvon" Text='<%# Eval("GültigVon") %>' runat="server" /></td> 
         <td align="left"><asp:Label ID="lblbis" Text='<%# Eval("GültigBis") %>' runat="server" /></td> 
         <td align="left"><asp:Label ID="lblersteler" Text='<%# Eval("Ersteller") %>' runat="server" /></td> 
        </tr> 
       </ItemTemplate> 

       <EmptyDataTemplate> 
        <h4>Es wurden keine Einträge gefunden</h4><br/> 
        <asp:Button runat="server" ID="btnAnlegen" Text="Benutzer Anlegen"/> 
       </EmptyDataTemplate> 

       <AlternatingItemTemplate> 
        <tr> 
         <td align="left"><asp:Label ID="lblname" Text='<%# Eval("GanzerName") %>' runat="server" /></td> 
         <td align="left"><asp:Label ID="lblfirma" Text='<%# Eval("Firma") %>' runat="server" /></td> 
         <td align="left"><asp:Label ID="lblvon" Text='<%# Eval("GültigVon") %>' runat="server" /></td> 
         <td align="left"><asp:Label ID="lblbis" Text='<%# Eval("GültigBis") %>' runat="server" /></td> 
         <td align="left"><asp:Label ID="lblersteler" Text='<%# Eval("Ersteller") %>' runat="server" /></td> 
        </tr> 
       </AlternatingItemTemplate> 

      </asp:ListView> 

     </div> 
    </div> 
</asp:Content> 

回答

3

您可以修復hsight如果清單當然DIV並設置overflow可見或曾經適合你的東西。高度必須小於side div中的數據所需的高度以查看滾動條。

變化

<div class="liste"> 

<div class="liste" style="height:300px; overflow:scroll"> 

<div class="liste" style="height:300px; overflow:visible"> 
+0

我試試我但它不起作用:( – Tarasov

+0

你需要垂直滾動條?高度必須小於數據所採用的高度並嘗試溢出:滾動,我應該工作 – Adil

1

嘗試將溢出滾動:

<div class="liste" style="height:200px; overflow:scroll;">