在 asp.net 中创建动态转发器答案

【问题标题】：Creating dynamic repeater in asp.net在 asp.net 中创建动态转发器
【发布时间】：2013-10-23 05:52:09
【问题描述】：

您好，我正在建立一家在线体育用品商店，
我有在主页中加载所有运动类型的计划，如足球、板球、篮球等
并且管理员可以随意创建游戏，

这就是混乱
如果点击（在中继器内），我如何显示每个游戏的子类别。
我想给它加一个ImageButton！！但是，我如何将该图像按钮链接到游戏，即当用户单击相应的图像按钮时 -> 应该显示该游戏的子类别

例如：
1. 如果我有板球、足球等游戏。
2.中继器应该显示中继器中的所有游戏
3. 当用户点击例如 Cricket
4. 我希望加载板球商品的所有子类别，例如 BAT、BALL、STUMPS 等。

我通过在Repeater 中加载游戏来尝试此操作，如下面的代码 sn-p 所示：

       <asp:Repeater ID="RepDetails" runat="server" 
        ondatabinding="RepDetails_DataBinding">
        <HeaderTemplate>
            <table style="border: 1px solid #df5015; width: 500px" cellpadding="0">
                <tr style="background-color: #df5015; color: White">
                    <td colspan="2">
                        <b>Type of Sports</b>
                    </td>
                </tr>
        </HeaderTemplate>
        <ItemTemplate>
            <tr style="background-color: #EBEFF0">
                <td>
                    <table style="background-color: #EBEFF0; border-top: 1px dotted #df5015; width: 500px">
                        <tr>
                            <td>
                                <asp:Label ID="Label1" runat="server" Text='<%#Eval("Id") %>' />
                            </td>
                            <td>
                                <asp:Label ID="lblSubject" runat="server" Text='<%#Eval("Category") %>' Font-Bold="true" />
                            </td>
                            <td>
                                <asp:ImageButton ID="ImageButton1" runat="server" OnClick="ImageButton2_Click" />
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </ItemTemplate>
        <FooterTemplate>
            </table>
        </FooterTemplate>
    </asp:Repeater>

我什至添加了ImageButton，但对让它加载该游戏的相应子类别感到困惑！

如果有其他更有效的解决方法，欢迎提出建议..

【问题讨论】：

-1：用于使用损坏的键盘。请检查您的班次/大写锁定 - 它似乎被随机卡住，因为您的帖子中有大量全大写文本。您可以尝试使样本更小以使问题更好。
我故意这样做是为了引起注意！
要在imagebutton上链接，为了显示子类别，您可以使用ajax方法动态加载子类别或者您可以使用TreeView Control..休息一下您提出的问题非常广泛，有很多实际上的方式..
谢谢你苛刻的回复！你能否让我描述一下我如何知道用户现在至少点击了哪个图像按钮，以便我可以开始处理这个问题，我还将查看树视图...谢谢
@user2866238 您需要了解降价格式才能以正确的格式突出显示文本..；对我来说，在整个句子中使用大写字母不会突出显示，反而会分散读者的注意力并显示问题质量低

标签： c# asp.net asprepeater

【解决方案1】：

你可以试试嵌套中继器

在 aspx 中

<asp:Repeater ID="RepDetails" runat="server" OnDataBinding="RepDetails_DataBinding">
    <HeaderTemplate>
        <table style="border: 1px solid #df5015; width: 500px" cellpadding="0">
            <tr style="background-color: #df5015; color: White">
                <td colspan="2">
                    <b>Type of Sports</b>
                </td>
            </tr>
    </HeaderTemplate>
    <ItemTemplate>
        <tr style="background-color: #EBEFF0">
            <td>
                <table style="background-color: #EBEFF0; border-top: 1px dotted #df5015; width: 500px">
                    <tr>
                        <td>
                            <asp:Label ID="Label1" runat="server" Text='<%#Eval("Id") %>' />
                        </td>
                        <td>
                            <asp:Label ID="lblSubject" runat="server" Text='<%#Eval("Category") %>' Font-Bold="true" />
                        </td>
                        <td>
                            <asp:ImageButton ID="ImageButton1" runat="server" OnClick="ImageButton2_Click" />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <asp:Repeater ID="SportsProps" runat="server">
            <ItemTemplate>
                <tr style="background-color: #EBEFF0">
                    <td>
                        <table style="background-color: #EBEFF0; border-top: 1px dotted #df5015; width: 500px">
                            <tr>
                                <td>
                                    <asp:Label ID="lblSubject" runat="server" Text='<%#Eval("Name") %>' Font-Bold="true" />
                                </td>
                                <td>
                                    <asp:ImageButton ID="ImageButton3" runat="server" OnClick="ImageButton3_Click" />
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </ItemTemplate>
        </asp:Repeater>
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:Repeater>

在后面的代码中

   protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            RepDetails.DataSource = GetData();
            RepDetails.DataBind();
        }
    }

    protected void ImageButton2_Click(object sender, ImageClickEventArgs e)
    {
        Repeater repeater = ((ImageButton)sender).NamingContainer.FindControl("SportsProps") as Repeater;
        Label catLabel = ((ImageButton)sender).NamingContainer.FindControl("lblSubject") as Label;
        repeater.DataSource = GetDataDetail(catLabel.Text);
        repeater.DataBind();
    }

    protected void ImageButton3_Click(object sender, ImageClickEventArgs e)
    {
        //do something to hide the 
    }

    private DataTable GetData()
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("id", typeof(string));
        dt.Columns.Add("category", typeof(string));
        dt.Rows.Add("1 ", "Basketball");
        dt.Rows.Add("2 ", "Football");
        dt.Rows.Add("3 ", "Soccer");
        return dt;
    }

    private DataTable GetDataDetail(string category)
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("name", typeof(string));
        dt.Rows.Add("Bat");
        dt.Rows.Add("Ball");
        dt.Rows.Add("Stump");
        return dt;
    }

【讨论】：