我可以对 GroupTemplate 或 ItemTemplate 进行编号吗？

Question

我想使用 GroupTemplate 将项目列表分成组。 然而，我需要每个组按顺序编号，以便我可以链接到它们并实现一些 JS 分页。 我正在绑定到 IEnumerable

这是一些伪代码。 我希望输出如下所示：

<a href="#group1">Go to Group 1<a>
<a href="#group2">Go to Group 2<a>
<a href="#group3">Go to Group 3<a>

<ul id="group1">
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
</ul>
<ul id="group2">
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
</ul>
<ul id="group3">
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
</ul>

Is this easy to do in a ListView, using GroupTemplate and ItemTemplate?

<asp:ListView ID="lv" runat="server" GroupPlaceholderID="groupPlaceholder">
    <LayoutTemplate>
        <asp:PlaceHolder ID="groupPlaceholder" runat="server"></asp:PlaceHolder>
    </LayoutTemplate>
    <GroupTemplate>
        <ul id="<!-- group-n goes here -->">
            <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>
        </ul>
    </GroupTemplate>
    <ItemTemplate>
        <li>Item</li>
    </ItemTemplate>
</asp:ListView>

我可以从数据源和基本数学中获取用于执行顶部链接的组数，但如何将 id="groupN" 数字添加到模板中？

Answer 1

我不认为你可以 DataBind id，所以我可能会使用隐藏字段，让 JQuery 计算它们，或者使用 CssClass。 您可以使用 Container.DataItemIndex 来获取您的号码。

编辑：只需将 ul 更改为 runat="server"，ASP.NET 就会以其臭名昭著的 INamingContainer 格式为您生成一个唯一的 id。 这也将包括一个索引，尽管它类似于 lv_ctrl0_group ，并且是一个实现细节。

您可以将处理程序挂接到 ul 的 Init 事件，并向其附加一个数字，使其类似于 lv_ctrl0_group1。 我认为您不能很容易地摆脱前置的 INamingContainer 内容，这可能会破坏任何 IPostDataHandler 控件。

<script runat="server">
    void Group_Init(object sender, EventArgs e) {
       ((Control)sender).ID += groupId++.ToString();
    }
    int groupId = 0;
</script>

<asp:ListView id="lv" runat="server" GroupItemCount="3">
    <LayoutTemplate>
        <asp:PlaceHolder ID="groupPlaceHolder" runat="server" />
    </LayoutTemplate>
    <GroupTemplate>
        <ul id="group" runat="server" oninit="Group_Init">
            <asp:PlaceHolder ID="itemPlaceHolder" runat="server"/>
        </ul>
    </GroupTemplate>
    <ItemTemplate>
        <li>Item</li>
    </ItemTemplate>
</asp:ListView>

Answer 2

在你的 aspx 文件中：

<GroupTemplate>
  <ul id='<%# "group"+GroupNumber %>'>
    <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>
  </ul>
</GroupTemplate>

在你的代码后面（假设是 C#）：

int _GroupNumber=0;

protected string GroupNumber
{
   get { return (++_GroupNumber).ToString(); }
}

Answer 3

上面的 Keltex 解决方案只需稍加改动即可工作； 使用 <%= 代替 <%#，

<%# 不起作用，因为 GroupTemplate 不支持数据绑定