Question

我想在水平布局中显示记录。我使用数据列表控件，只显示5条记录。

我想要选择功能，这样当我点击数据列表中的项目时，完整的详细信息将显示在另一页面中。

非常感谢。

 <div style="margin-left: 25%; margin-top: 5%">
        <asp:DataList ID="dlTop5" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" RepeatColumns="5"
           ItemStyle-Width="40%" >
            <ItemTemplate>
                <table>
                    <tr>
                        <td rowspan="3" style="margin-left: 3%">
                            <asp:ImageButton ID="imgServant" runat="server" ImageUrl='<%#Eval("photo")%>' Height="150px"
                                Width="150px" />
                        </td>
                        <td style="width: 50%">
                            <asp:Label ID="lblName" runat="server" Text='<%#Eval("name")%>' Font-Bold="true"
                                ForeColor="BlueViolet"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 50%">
                            <asp:Label ID="lblPhone" runat="server" Text='<%#Eval("phone")%>' ForeColor="BlueViolet"> </asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 50%">
                            <asp:Label ID="lblSrno" runat="server" Text='<%#Eval("sysno")%>'> </asp:Label>
                        </td>
                    </tr>
                </table>
            </ItemTemplate>
            <FooterTemplate>
                <asp:Button ID="btnViewMore" runat="server" Text="View More" />
            </FooterTemplate>
        </asp:DataList>
    </div>
</asp:Content>

Answer 1

这就是我做的......

    <asp:DataList ID="DataList1" runat="server" BorderColor="Black" BorderWidth="1px"
        DataSourceID="SqlDataSource2" GridLines="Both" RepeatDirection="Horizontal"
        ShowFooter="False" ShowHeader="False">
        <ItemTemplate>
            <asp:LinkButton ID="LinkButton1" runat="server" Text='<%# Eval("RollCallPeriod") %>' OnClick="LinkButton1_Click"></asp:LinkButton><br />
        </ItemTemplate>
    </asp:DataList><asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:ATCNTV1ConnectionString %>"
        SelectCommand="SELECT RollCallPeriod FROM tblBoardingRollCallPeriods">
    </asp:SqlDataSource>

然后使用 OnClick 事件激活对您的代码的调用，以显示一个面板，并在面板中放置所有关于选择的特定代码 - 即：Gridview等。< / p>

当然，您不必使用LinkButton。它可以是你想要的任何东西 - 按钮，超链接等

标签没有OnClick等。除非你使用像mouseclick或mouseover这样的JavaScript“陷阱”它们。

具有水平布局和选择功能的数据列表

1 个答案: