Pass GridView Template Field <asp:LinkButton control data to javascript function in my .aspx page

Question

I have a GridView Template field containing an ASP:Label field which has a unique reference number per Row. I also have an open Javascript function assigned to that control which opens a URL in a new window and displays the document of the same reference number.

I don;t know how to obtain the reference number when the user clicks the LinkButton on a particular row, and pass it to my Javascript function before the window opens.

Code:

enter code here

function openPreview() 
{
     var url = "quotereport.aspx?view=esq&&ref=REFNUMBER"; window.open(url);
}

<asp:TemplateField HeaderText="" ShowHeader="False">
    <ItemTemplate>
    <asp:LinkButton ID="lbNewWindow" runat="server" OnClientClick="openPreview    ()">Window</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>

Any help would be much appreciated.

Do you definitely have to use javascript? If not,you could fire the redirect on the ItemCommand event picking out the DataKeyValue (your unique reference number per row)? — Ricardo Deano
– Ricardo Deano, Commented May 16, 2012 at 10:53
Javascript is the only way i've found to open a new window without having to click my linkbutton twice! — ukjezza
– ukjezza, Commented May 16, 2012 at 21:59
:D Well you can do a one click open window without javascript but seeing as you've got a solution, we won't need to worry about that! — Ricardo Deano
– Ricardo Deano, Commented May 17, 2012 at 8:10

Adil · Accepted Answer · 2012-05-16 11:16:13Z

You will have to add RowDataBound event to the grid. In RowDataBound event every row that is created is accessible with data. Bind javascript to link button instead of html as you did and pass Reference number to the javascript function from RowDataBound event.

    protected void gvListing_RowDataBound(object sender, GridViewRowEventArgs e)
    {           
        if (e.Row.RowType == DataControlRowType.DataRow)
        {                
          System.Web.UI.WebControls.LinkButton lbNewWindow= new System.Web.UI.WebControls.LinkButton();    
                lbNewWindow = (System.Web.UI.WebControls.LinkButton)e.Row.FindControl("lbNewWindow");                    
                if (lbNewWindow!= null)
                {
                    string YourRefNumber = DataBinder.Eval("e.Row.DataItem", "ColumnNameInDataSource").ToString();
                    lbNewWindow.Attributes.Add("onclick","openPreview('"+ YourRefNumber + "')");

                } 
         }          
    }

Collectives™ on Stack Overflow

Pass GridView Template Field <asp:LinkButton control data to javascript function in my .aspx page

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related