2

ASP.NETアプリケーションを構築し、2つのdivと1つのListViewを使用しました。私のListViewはデータベースからデータを取得し、多くの行が必要な場合はオーバーフローが発生しますが、このListViewのスクロールバーが必要です。

私のサイト：

ここに画像の説明を入力してください

多くの行が必要な場合の私のサイト:(

ここに画像の説明を入力してください

欲しいスクロールバーのある私のサイト！

ここに画像の説明を入力してください

私のコード：

<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>
4

2 に答える 2

5

liste divを使用してオーバーフローを表示するか、自分に合ったものに設定すると、hsightを修正できます。高さは、スクロールバーを表示するために、サイドdivのデータがとる高さよりも低くする必要があります。

変化する

 <div class="liste">

に

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

また

<div class="liste" style="height:300px; overflow:visible">
于 2012-11-21T11:53:22.030 に答える
1

オーバーフローをスクロールに設定してみてください。

<div class="liste" style="height:200px; overflow:scroll;">
于 2012-11-21T12:06:59.687 に答える