Call Hyperlink inside a Datalist control from code behind using C#

Jes Sie

4y1.3k.NET

I have a file path from a database (~/Dashboard/YearbookRepository/SY2122A/SY 2019-2020.pdf). I bind it in the DataList control using a hyperlink control.

How can I call the hyperlink from code behind using a button?

Below is my aspx file

Below is my code behind

protected void btnSelect_Click(object sender, EventArgs e)
{
    DataListItem item = (DataListItem)(sender as Button).NamingContainer;
    HyperLink hlYearbook = item.FindControl("hlYearbook") as HyperLink;
    string url = hlYearbook.Text;
    hlYearbook.NavigateUrl = url;
    hlYearbook.Target = "_blank";
}

If I click the button, the hyperlink does not work. Thank you in advance.

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rijwan Ansari4y ago
You can pass value using commandArgument or DataBinder as shown:

commandArgumanted.
"btnSelect" runat="server" Text='<%# Eval("SchoolYear") %>' CssClass="btn btn-primary font"
Width="190px" Height="100px" CommandArgument='<%# Eval(Container.DataItem,"FilePath") %>' OnClick="btnSelect_Click"/>
On click function
Button btn = sender as Button;
var filePath = btn.CommandArgument.ToString();
Another way is DataBinder on btn click
string filePath = DataBinder.Eval(Container.DataItem, "FilePath").ToString();
https://stackoverflow.com/questions/45975503/how-to-send-data-from-datalist-using-button-to-different-pages-in-asp-net
Sachin Singh4y ago
inspect and check whether the Id is still correct or not, or use
"text/javascript">
$('[id^="btnSelect"]').click(function()
{
$('[id^="hlYearbook"]').click();
});
Jes Sie4y ago
Thanks for the response Sachin. I tried the code you suggested but it doesn't work. I even added "ContentPlaceHolder1_DataList1" because I am using a master file, but still, it doesn't work.
"text/javascript">
       $('#ContentPlaceHolder1_DataList1_btnSelect').click(function () {
           $('#ContentPlaceHolder1_DataList1_hlYearbook').click();
       });

       //$('#btnSelect').click(function () {
       //    $('#hlYearbook').click();
       //});
Sachin Singh4y ago
you can use javascript for this without code behind
"text/javascript">
$('#btnSelect').click(function() {
$('#hlYearbook').click();
});


"DataList1" runat="server" Visible="true" AutoGenerateColumns="false" CssClass="table table-condensed" RepeatColumns="3"
                                    CellSpacing="1" RepeatDirection="Horizontal">

                                        class="row text-center">
                                            class="col-md-2 text-center">
                                                "btnSelect" runat="server" Text='<%# Eval("SchoolYear") %>' CssClass="btn btn-primary font"
                                                    Width="190px" Height="100px" UseSubmitBehavior="False" CommandName="Selected" />

                                                  "server" CssClass="btn btn-primary"  ID="hlYearbook"
                                                      text='<%# DataBinder.Eval(Container.DataItem,"FilePath") %>' Visible="false">