具有多个转发器的 ASP.NET MultiView答案

【问题标题】：ASP.NET MultiView with multiple repeaters具有多个转发器的 ASP.NET MultiView
【发布时间】：2012-09-14 15:20:44
【问题描述】：

我有一个问题，我需要你的意见。我有一个带有 MultiView 的控件，每个视图将是控件输出的不同渲染，大约有 10 个不同的视图。在每个视图中，我将有一个重复几行的中继器，这个中继器对于所有视图都是相同的，并且由于 MultiView 只允许在任何时候显示 1 个视图，我虽然有相同 ID 的中继器，所以我不必进行 10 个绑定并使用完全相同的代码创建 10 个 OnItemDataBound 事件，但是 ASP.NET 不允许我拥有具有相同 ID 的转发器（对于这种情况，它应该比那个更聪明)。我正在使用框架的 C# 和 v4。

这是多视图代码：

<asp:MultiView id="MultiView" runat="server">

    <asp:View id="h400" runat="server">
        <div class="latest_Wide">
            <h3>Wide</h3>
            <asp:Repeater id="rptLatest" runat="server" OnItemDataBound="rptLatest_OnItemDataBound">
                <ItemTemplate>
                    <p>&bull; <asp:Literal id="litPostTitle1" runat="server" /></p>
                </ItemTemplate>
            </asp:Repeater>
        </div>
    </asp:View>

    <asp:View id="h200" runat="server">
        <div class="latest_Narrow">
            <h3>Narrow</h3>
            <asp:Repeater id="rptLatest" runat="server" OnItemDataBound="rptLatest_OnItemDataBound">
                <ItemTemplate>
                    <p>&bull; <asp:Literal id="litPostTitle2" runat="server" /></p>
                </ItemTemplate>
            </asp:Repeater>
        </div>
    </asp:View>

...

</asp:MultiView>

我该如何解决这个问题。请记住，我不想使用完全相同的代码进行 10 个转发器绑定和 10 个 OnItemDataBound 事件，因为您建议为转发器提供不同的 ID。

【问题讨论】：

您在示例上方显示的内容是什么？观点之间的差异是否复杂？如果不是，我不会为此使用 MultiView，而是根据您用于选择多视图的相同标准换出文本/类。
其他视图会有所不同，我什至想过动态创建转发器，但我会失去在控件前面轻松更改 HTML 的能力。我也在探索加载一个子控件来代替中继器的可能性，并且它还将为不同的输出提供多个视图，但同样，我更愿意将所有这些都放在这个控件上。还有什么想法吗？

标签： asp.net repeater multiview

【解决方案1】：

这不漂亮……但是：

假设您的 ASCX：

<asp:MultiView id="mvPostDisplay" runat="server">

    <asp:View id="h400" runat="server">
        <div class="latest_Wide">
            <h3>Wide</h3>
            <asp:Repeater runat="server" OnItemDataBound="rptLatest_OnItemDataBound">
                <ItemTemplate>
                    <p>&bull; <asp:Literal id="litPostTitle1" runat="server" /></p>
                </ItemTemplate>
            </asp:Repeater>
        </div>
    </asp:View>

    <asp:View id="h200" runat="server">
        <div class="latest_Narrow">
            <h3>Narrow</h3>
            <asp:Repeater runat="server" OnItemDataBound="rptLatest_OnItemDataBound">
                <ItemTemplate>
                    <p>&bull; <asp:Literal id="litPostTitle2" runat="server" /></p>
                </ItemTemplate>
            </asp:Repeater>
        </div>
    </asp:View>

...

</asp:MultiView>

在您的代码隐藏中：

    private void DataBindRepeater()
    {
        View activeView = this.mvPostDisplay.GetActiveView();
        Repeater myRepeater = this.FindRepeater(activeView);
        if (myRepeater != null)
        {
            myRepeater.DataSource = this.GetDataSourceFormSomewhere();
            myRepeater.DataBind();
        }
    }

    private Repeater FindRepeater(Control container)
    {
        if (container is Repeater)
        {
            return container as Repeater;
        }
        else
        {
            foreach (Control c in container.Controls)
            {
                Repeater retVal = this.FindRepeater(c);
                if (retVal != null)
                {
                    return retVal;
                }
            }

            return null;
        }
    }

确定合适的视图后，只需致电DataBindRepeater。请注意rptLatest 不会被设置，因此您需要使用sender、FindRepeater 或可能不那么hackish 的方式在处理程序中获取对中继器的引用。

【讨论】：

哼！我也可以试试这个，让我看看它有多合乎逻辑和混乱，但这可能是实现我想要的一种方式。谢谢。

【解决方案2】：

您是否考虑过让中继器成为用户控件？这样，您就可以在用户控件中拥有所有中继器绑定代码。每个视图都有自己的用户控件实例。

这是你愿意采取的方向吗？

【讨论】：

是的，这就是我接下来要探索的内容。谢谢。
如果您需要任何帮助，我非常乐意提供帮助。