如何隐藏空的嵌套转发器?

时间:2015-05-06 17:53:10

标签: jquery asp.net webforms

在asp.net页面中,我有嵌套的转发器,以显示我的站点地图的四个级别。

问题: 如果节点没有子节点,如何告诉嵌套转发器不显示节点?更具体地说,当嵌套转发器没有子节点时,它呈现为一对<ul></ul>标签 - 这就是我需要从呈现列表中隐藏的内容。

什么有用:此处显示的HTML和脚本将web.sitemap正确呈现为干净的无序列表,仅使用空的UL标记,其中节点没有子节点。

到目前为止我尝试过(不成功)

  • 我已经研究过jQuery。虽然我找到了正确的jQuery命令来删除空<ul>对,但webresource绝对可以确保覆盖jQuery命令。 (这也使我无法使用jQuery删除丢弃渲染的asp:menu的类)。换句话说,我还没有找到一种方法让jQuery清理由asp.net控件生成的东西。
  • 我找到了论坛帖子,但他们似乎都重复了相同的两级深度转发器而没有删除无子节点。
  • 我仔细检查了我的web.sitemap文件,并确保我在源代码中没有任何内容可以为此做出贡献。来源没有任何问题。

环顾四周,我在这里发现了一篇非常有前途的帖子:Hide child and parent repeater when child repeater is empty。使其适应VB.NET并添加空检测if-then语句,我有:

Protected Sub HideIfEmpty(sender As Object, e As RepeaterItemEventArgs) Handles Repeater0.ItemDataBound
    If e.Item.ItemType = ListItemType.Item Then
        If e.Item.FindControl("Repeater4") IsNot Nothing Then

            If (DirectCast(e.Item.FindControl("Repeater3"), Repeater).Items.Count = 0) Then
                e.Item.Visible = False
            End If

        End If

    End If
End Sub

根据评论,我还尝试了一个PreRender子。它提供了一个具有相同空UL标签的站点地图列表。使用断点并不能确定为什么它没有按预期工作。

这是aspx代码:

<asp:SiteMapDataSource ID="siteMapDataSource1" runat="server" ShowStartingNode="false" />
<asp:Repeater runat="server" ID="Repeater0" DataSourceID="SiteMapDataSource1">
    <HeaderTemplate>
        <ul>
            <li>
                <asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="~/index.aspx">Homepage</asp:HyperLink>
            </li>
    </HeaderTemplate>
    <ItemTemplate>
        <li>
            <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("Url") %>'><%# Eval("Title") %></asp:HyperLink>
            <asp:Repeater ID="Repeater1" runat="server" DataSource='<%# DirectCast(Container.DataItem, SiteMapNode).ChildNodes%>'>
                <HeaderTemplate>
                    <ul>
                </HeaderTemplate>
                <ItemTemplate>
                    <li>
                        <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl='<%# Eval("Url") %>'><%# Eval("Title") %></asp:HyperLink>
                        <asp:Repeater ID="Repeater2" runat="server" DataSource='<%# DirectCast(Container.DataItem, SiteMapNode).ChildNodes%>'>
                            <HeaderTemplate>
                                <ul>
                            </HeaderTemplate>
                            <ItemTemplate>
                                <li>
                                    <asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl='<%# Eval("Url") %>'><%# Eval("Title") %></asp:HyperLink>
                                    <asp:Repeater ID="Repeater3" runat="server" DataSource='<%# DirectCast(Container.DataItem, SiteMapNode).ChildNodes%>' OnPreRender="HideIfEmpty">
                                        <HeaderTemplate>
                                            <ul>
                                        </HeaderTemplate>
                                        <ItemTemplate>
                                            <li>
                                                <asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl='<%# Eval("Url") %>'><%# Eval("Title") %></asp:HyperLink>
                                            </li>
                                        </ItemTemplate>
                                        <FooterTemplate>
                                            </ul>
                                        </FooterTemplate>
                                    </asp:Repeater>
                                </li>
                            </ItemTemplate>
                            <FooterTemplate>
                                </ul>
                            </FooterTemplate>
                        </asp:Repeater>
                    </li>
                </ItemTemplate>
                <FooterTemplate>
                    </ul>
                </FooterTemplate>
            </asp:Repeater>
        </li>
    </ItemTemplate>
    <FooterTemplate></ul></FooterTemplate>
</asp:Repeater>

这是呈现的HTML:

<ul id="menu_Main" class="sm sm-blue">
<li>
    <a id="Repeater0_HyperLink4" href="index.aspx">Homepage</a>
</li>

<li>
    <a id="Repeater0_HyperLink1_0">Data Manager Documents</a>

    <ul>

        <li>
            <a id="Repeater0_Repeater1_0_HyperLink2_0" href="/Data_Manager/Skill_Journal.aspx">Skill Journal</a>

            <ul>
            </ul>

        </li>

        <li>
            <a id="Repeater0_Repeater1_0_HyperLink2_1">Test Pages</a>

            <ul>

                <li>
                    <a id="Repeater0_Repeater1_0_Repeater2_1_HyperLink3_0" href="/Data_Manager/xslt_test.aspx">XSLT Test</a>

                    <ul>
                    </ul>

                </li>

            </ul>

        </li>

    </ul>

</li>

<li>
    <a id="Repeater0_HyperLink1_1">Incident Report</a>

    <ul>

        <li>
            <a id="Repeater0_Repeater1_1_HyperLink2_0" href="http://wales:4885/IncidentReport/IncidentReport.aspx">Add/Edit/View</a>

            <ul>
            </ul>

        </li>

        <li>
            <a id="Repeater0_Repeater1_1_HyperLink2_1" href="http://wales:4885/IncidentReport/V1_History.aspx">Archive</a>

            <ul>
            </ul>

        </li>

    </ul>

</li>

<li>
    <a id="Repeater0_HyperLink1_2" href="/Ordering_Database/Ordering_Database.aspx">Ordering Database</a>

    <ul>

        <li>
            <a id="Repeater0_Repeater1_2_HyperLink2_0" href="/Ordering_Database/Reports.aspx">Reports</a>

            <ul>
            </ul>

        </li>

        <li>
            <a id="Repeater0_Repeater1_2_HyperLink2_1" href="/Ordering_Database/Stats.aspx">Stats</a>

            <ul>
            </ul>

        </li>

        <li>
            <a id="Repeater0_Repeater1_2_HyperLink2_2" href="/Ordering_Database/View_Items.aspx">View Items</a>

            <ul>
            </ul>

        </li>

        <li>
            <a id="Repeater0_Repeater1_2_HyperLink2_3" href="/Ordering_Database/Manage_Items.aspx">Manage Items</a>

            <ul>
            </ul>

        </li>
        <li>
            <a id="Repeater0_Repeater1_2_HyperLink2_4">Utility</a>
            <ul>
            </ul>
        </li>
    </ul>
</li>    

    

总之,呈现为嵌套无序列表的站点地图是正确的,但仍会生成应在服务器端删除的空UL标记。

2 个答案:

答案 0 :(得分:2)

对于这个系统,这对我来说是真正的服务器端答案。

在剧本中:

<script>
Private Sub Hide_The_Orphans(ByVal sender As Object, ByVal e As RepeaterItemEventArgs)
    Dim rpt As Repeater = CType(sender, Repeater)

    If rpt IsNot Nothing Then
        If rpt.Items.Count = 0 Then
            rpt.Visible = False
        Else
            rpt.Visible = True
        End If
    End If
End Sub
</script>

在正文中(我也更改了将asp:hyperlink标记更改为<a>标记以清除呈现的HTML中的所有超链接ID):

<nav>
                <asp:SiteMapDataSource ID="siteMapDataSource1" runat="server" ShowStartingNode="false" />
                <asp:Repeater runat="server" ID="Repeater0" DataSourceID="SiteMapDataSource1">
                    <HeaderTemplate>
                        <ul id="menu_Main" class="sm sm-blue">
                            <li>
                                <a href='<%# Page.ResolveClientUrl("~/index.aspx")%>'>Homepage</a>
                            </li>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <li>
                            <a href='<%# Eval("Url") %>'><%# Eval("Title") %></a>
                            <asp:Repeater ID="Repeater1" runat="server" DataSource='<%# DirectCast(Container.DataItem, SiteMapNode).ChildNodes%>' OnItemDataBound="Hide_The_Orphans">
                                <HeaderTemplate>
                                    <ul>
                                </HeaderTemplate>
                                <ItemTemplate>
                                    <li>
                                        <a href='<%# Eval("Url") %>'><%# Eval("Title") %></a>
                                        <asp:Repeater ID="Repeater2" runat="server" DataSource='<%# DirectCast(Container.DataItem, SiteMapNode).ChildNodes%>' OnItemDataBound="Hide_The_Orphans">
                                            <HeaderTemplate>
                                                <ul>
                                            </HeaderTemplate>
                                            <ItemTemplate>
                                                <li>
                                                    <a href='<%# Eval("Url") %>'><%# Eval("Title") %></a>
                                                    <asp:Repeater ID="Repeater3" runat="server" DataSource='<%# DirectCast(Container.DataItem, SiteMapNode).ChildNodes%>' OnItemDataBound="Hide_The_Orphans">
                                                        <HeaderTemplate>
                                                            <ul>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <li>
                                                                <a href='<%# Eval("Url") %>'><%# Eval("Title") %></a>
                                                            </li>
                                                        </ItemTemplate>
                                                        <FooterTemplate>
                                                            </ul>
                                                        </FooterTemplate>
                                                    </asp:Repeater>
                                                </li>
                                            </ItemTemplate>
                                            <FooterTemplate>
                                                </ul>
                                            </FooterTemplate>
                                        </asp:Repeater>
                                    </li>
                                </ItemTemplate>
                                <FooterTemplate>
                                    </ul>
                                </FooterTemplate>
                            </asp:Repeater>
                        </li>
                    </ItemTemplate>
                    <FooterTemplate></ul></FooterTemplate>
                </asp:Repeater>
            </nav>

为了向自己证明这是一个真正的服务器端解决方案,这是来自&#34;查看源代码。&#34;

                        <ul id="menu_Main" class="sm sm-blue">
                            <li>
                                <a href='index.aspx'>Homepage</a>
                            </li>

                        <li>
                            <a href=''>Data Manager Documents</a>

                                    <ul>

                                    <li>
                                        <a href='/Data_Manager/Skill_Journal.aspx'>Skill Journal</a>

                                    </li>

                                    <li>
                                        <a href=''>Test Pages</a>

                                                <ul>

                                                <li>
                                                    <a href='/Data_Manager/.aspx'>Sitemap test</a>

                                                </li>

                                                <li>
                                                    <a href='/Data_Manager/xslt_test.aspx'>XSLT Test</a>

                                                </li>

                                                </ul>

                                    </li>

                                    </ul>

                        </li>

                        etc....

这些地方你看到空的href标签是因为那些特定的节点更像是文件夹容器,所以设计而不是bug。

这种方法的另一个好处是,只有一个子可以被任何转发器使用,而不是像我之前尝试的那样使用链式方法。

答案 1 :(得分:0)

我认为你几乎就在那里。你的一个问题是你试图在Repeater0中找到Repeater3,当它实际上在Repeater2中时。您需要正确地沿着Repeater行找到正确的子ID。下面是一个使用OnPreRender事件的示例,但您仍然可以使用类似的逻辑使其适用于OnItemDataBound

<asp:Repeater runat="server" ID="Repeater0" DataSourceID="SiteMapDataSource1" OnPreRender="Repeater0_PreRender">

在此活动中,挖掘每个儿童中继器。如果儿童中继器没有物品,则隐藏整个中继器。你应该能够从这里得到一个想法。但是,你可能会更好地以递归方式循环子中继器。

Protected Sub Repeater0_PreRender(ByVal sender As Object, ByVal e As EventArgs)

    Dim repeater0 As Repeater = sender
    If repeater0.Items.Count = 0 Then
        repeater0.Visible = False
    Else
        For Each repeater0Item As RepeaterItem In repeater0.Items
            If repeater0Item.ItemType = ListItemType.Item Then
                Dim repeater1 As Repeater = repeater0Item.FindControl("Repeater1")
                If repeater1.Items.Count = 0 Then
                    repeater1.Visible = False
                Else
                    For Each repeater1Item As RepeaterItem In repeater1.Items
                        If repeater1Item.ItemType = ListItemType.Item Then
                            Dim repeater2 As Repeater = repeater1Item.FindControl("Repeater2")
                            If repeater2.Items.Count = 0 Then
                                repeater2.Visible = False
                            Else
                                // so on and so forth
                            End If
                        End If
                    Next
                End If
            End If
        Next
    End If

End Sub
相关问题