ASP.NET中继器控件添加动态链接

Question

我在 ASPX 文件中有以下转发器。 这是一个五块 slider，展示了 4 种不同的活动，底部有一个预订按钮。 我的目标是动态替换按钮 href，创建一种将活动 ID 与我的链接配对的 map。 例如PackageId 54 = https://link1 因此，对于PackageId 54 的活动，我希望按钮具有href="https://link1"而不是href="BookSession.aspx?Id=<%#Eval("PackageId")%>"

 <asp:Repeater runat="server" ID="rptData">
                            <ItemTemplate>
                                <div class="item">
                                    <div class="card ">
                                        <ul class="text-center">
                                            <li>
                                                <img src="<%#Eval("iCon").ToString()+"?"+DateTime.Now.Ticks %>" <%--.Replace("../Photo","https://Images.thesmashroom.com")style="height:70px; width:60px"--%> alt="" /></li>
                                            <li>
                                                 <h2 class="redColor"><%#Eval("PackageName") %></h2>
                                            </li>
                                            <li>
                                                <h4 class="text-white"><%# string.Join("<br />", Eval("OneLineDescription").ToString().Split(new []{","},StringSplitOptions.None)) %></h4>
                                            </li>
                                            
                                            <li>
                                                <h4 class="text-white"><%#"AED "+ Eval("Price") %></h4>
                                            </li>  

                                            <!--<li><p class="text-white">( <%# Eval("total_persion") %> person / 1 room )</p></li> -->
<li><p class="text-white">( <%# Eval("total_persion") %> person)</p></li>                                           
                                            <li>
                                                <div class="clearfix"></div>
                                            </li>
                                            <li> 
                                                <a href="BookSession.aspx?Id=<%#Eval("PackageId")%>" >Book Now</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </ItemTemplate>
                        </asp:Repeater>

我尝试添加一个 php 数组，将 4 个 ID 列表与我的 4 个链接列表进行映射，当然它不适用于 ASP.NET。我尝试搜索同一数组的 ASP.NET 版本，但没有成功。 有什么建议吗？

Answer 1

你需要做这样的事情：

Dictionary<int, string> linkMapping = new Dictionary<int, string>() {
    {54, "https://link1"},
    {55, "https://link2"},
    {56, "https://link3"},
    {57, "https://link4"}
};

然后在repeater的ItemTemplate中修改按钮如下：

<a href='<%# linkMapping[(int)Eval("PackageId")] %>' >Book Now</a>

在 Page_Load 事件中，将数据绑定到转发器：

rptData.DataSource = data; // replace "data" with the actual data source
rptData.DataBind();

Answer 2

最好删除超链接，然后简单地使用/单击按钮代替该链接。

唯一真正的问题是如何以及在哪里定义 54 是链路 1，以及如何确定 56 应该是链路 3？ 这些信息来自数据库吗？

因此，您可以将一个简单的按钮放入该中继器中，单击时，它可以“使用”或“享受”有关所单击行的信息，其中包括我们想要的“id”和“链接”根据该 ID 使用。

但是，我无法想象这些数字是“随机的”，因此一个合理的猜测是这个“id”有一些关联的信息（某个地方 - 可能是数据库），这些信息包含关于要使用哪个链接的信息。

在我们等待您回来并提供该信息的同时，这里是转发器按钮的工作原理，以及它如何“获取”当前行信息，并从中提取值。 （然后该按钮甚至可以点击数据库以提取更多信息 - 甚至是您不需要包含在该转发器行中以供显示的信息。

所以，说几行关于战斗机的一些信息。

当我们点击按钮时，我们就可以获取/拥有有关行的信息。

所以，说这个标记：

<asp:Repeater ID="Repeater1" runat="server"  >
    <ItemTemplate>                
        <div class="mybox" ">

            <div style="text-align: center; padding: 2px 10px 2px 10px" >
                <asp:Button ID="cmdMyView" runat="server" Text="View"
                    CssClass="btn-info" Style="float: right"
                    OnClick="cmdMyView_Click"
                    CommandArgument='<%# Eval("ID") %>' />

                <br />
                <h3><%# Eval("Fighter") %></h3>
                <asp:Image ID="Image2" runat="server"
                    ImageUrl='<%# Eval("ImagePath") %>' Width="170" />
                <h4>Engine</h4>
                <asp:Label ID="EngineLabel2" runat="server" Text='<%# Eval("Engine") %>' />
                <h4>Description</h4>
                <asp:Label ID="DescLabel" runat="server" Text='<%# Eval("Description") %>' />
                <br />
            </div>
        </div> 
        </ItemTemplate>
</asp:Repeater>

加载的代码是这样的：

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
            LoadGrid();
    }


    void LoadGrid()
    {
        using (SqlConnection conn = new SqlConnection(Properties.Settings.Default.TEST4))
        {
            string strSQL = "SELECT * FROM Fighters";
            using (SqlCommand cmdSQL = new SqlCommand(strSQL, conn))
            {
                conn.Open();
                DataTable rstData = new DataTable();
                rstData.Load(cmdSQL.ExecuteReader());
                Repeater1.DataSource = rstData;
                Repeater1.DataBind();
            }
        }
    }

现在我们看到/得到这个：

但是，请注意上面中继器中的按钮代码。

<asp:Button ID="cmdMyView" runat="server" Text="View"
    CssClass="btn-info" Style="float: right"
    OnClick="cmdMyView_Click"
    CommandArgument='<%# Eval("ID") %>' />

所以，现在背后的代码是这样的：

protected void cmdMyView_Click(object sender, EventArgs e)
{
    Button btn = (Button)sender;
    RepeaterItem rRow = (RepeaterItem)btn.NamingContainer;
    int MyRowIndex = rRow.ItemIndex;
    int MyPK = Convert.ToInt32(btn.CommandArgument);

    Debug.Print("Row index click = " + MyRowIndex);
    Debug.Print("Pk data base = " + MyPK);

    // get say the engine from the row click
    Label lblEngine = (Label)rRow.FindControl("EngineLabel2");
    Debug.Print("engine = " + lblEngine.Text);            

    // get more infomraiton from database - based on pk "ID"
    // etc. etc.
}

因此，如果我点击查看按钮，我们会得到：

output：

Row index click = 3
Pk data base = 4
engine = 1 × Pratt & Whitney F135-PW-100 afterburning turbofan

所以，代替超链接，在大多数情况下，只需放入一个按钮然后使用它就更省力，如上所示，我们可以获得有关所点击的给定行的信息，或使用数据库 PK id我们传递给代码隐藏来做我们想做的任何事情，包括基于该 ID 值的导航。

因此，唯一剩下的问题是您如何以及在何处决定说 id 53 是某个特定链接？ （您当然不想在代码隐藏中手动编写代码或硬编码此类值，但要解释此信息如何存在以及在何处存在以确定该链接，然后使用代码隐藏来构建/创建并导航到基于此的任何位置信息。

所以，我们可以假设基于那个 PK id 的硬编码，像这样说：

// get more information from database - based on pk "ID"
// etc. etc.

switch (MyPK)
{
    case 5:
        Response.Redirect(@"~/FightersInfoClass5.aspx");
        break;
    case 12:
        Response.Redirect(@"~/FightersInfoClass12.aspx");
        break;
}

或者，如其他帖子中所建议的那样 - 使用字典或某种格式。

比如说，像这段代码（假设我们有 MyPK）。

        Dictionary<int, string> linkMapping = new Dictionary<int, string>() {
                {54, @"~/Page2.aspx"},
                {55, @"~/Page3.aspx"},
                {56, @"~/Page4.aspx"},
                {57, @"~/Page5.aspx"}
            };

        Response.Redirect(linkMapping[MyPK]);

而且，如果你愿意，你可以在标记中创建/使用/拥有表达式，但这样做通常会有些混乱，这意味着需要维护两个地方，但任何一种方法都很好 - 很大程度上取决于你的个人喜好。 但是，只有带有 runat="server" 的代码隐藏或标记可以使用上面的 "~/" 来表示 web 站点的根目录。 在 JavaScript 或标记中，您不能使用“~/”来表示站点的根目录，因此如果此类链接是外部链接，那么您要使用完整的 URL，但对于给定站点的内部链接，则您可以在代码隐藏中使用/享受使用“~/”——因此这样的链接在代码隐藏和 response.redirect() 中更容易。