如何为ASP.NET Repeater控件动态设置预订按钮Href链接

方法1：后台绑定方法（推荐，服务器端控制） #

在你的ASPX后台代码（.aspx.cs或.aspx.vb）中，先定义PackageId与链接的映射字典，再写一个供前台调用的方法：

// 后台C#代码示例
protected Dictionary<int, string> PackageLinkMap = new Dictionary<int, string>
{
    {54, "https://link1"},
    {56, "https://link2"},
    {78, "https://link3"},
    {92, "https://link4"} // 对应你的4种活动
};

public string GetBookingLink(int packageId)
{
    // 匹配到映射返回对应链接，否则用原默认链接
    return PackageLinkMap.TryGetValue(packageId, out string link) 
        ? link 
        : $"BookSession.aspx?Id={packageId}";
}

然后修改Repeater里的按钮href绑定：

<asp:Repeater ID="ActivityRepeater" runat="server">
    <ItemTemplate>
        <!-- 其他活动展示内容 -->
        <a href='<%# GetBookingLink((int)Eval("PackageId")) %>' class="book-btn">预订</a>
    </ItemTemplate>
</asp:Repeater>

方法2：前台JS动态替换（客户端控制） #

如果不想修改后台逻辑，可以在页面加载后通过JS遍历按钮，根据PackageId替换链接：

首先给按钮添加data-packageid属性，保留原默认href作为降级方案：

<asp:Repeater ID="ActivityRepeater" runat="server">
    <ItemTemplate>
        <!-- 其他活动展示内容 -->
        <a href="BookSession.aspx?Id=<%#Eval("PackageId")%>" 
           data-packageid="<%#Eval("PackageId")%>" 
           class="book-btn">预订</a>
    </ItemTemplate>
</asp:Repeater>

然后添加JS代码：

<script>
// 定义PackageId与链接的映射
const packageLinks = {
    54: "https://link1",
    56: "https://link2",
    78: "https://link3",
    92: "https://link4"
};

// 页面加载完成后替换链接
document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.book-btn').forEach(btn => {
        const pkgId = btn.getAttribute('data-packageid');
        if (packageLinks[pkgId]) {
            btn.href = packageLinks[pkgId];
        }
    });
});
</script>

方法3：后台字典直接绑定（简洁但可读性稍差） #

如果不想写单独的方法，也可以直接在前台绑定后台字典（需将字典设为protected或public）：

<a href='<%# PackageLinkMap.ContainsKey((int)Eval("PackageId")) ? PackageLinkMap[(int)Eval("PackageId")] : $"BookSession.aspx?Id={Eval("PackageId")}" %>' class="book-btn">预订</a>

内容的提问来源于stack exchange，提问作者Depp