Add link image to GridView cells in column AFTER cell text

Question

For one of the columns "startdate" in my gridview, if the user has correct permissions, I want to add an edit icon to open a calendar which allows the user to edit the date.

I have the following code to add the image to the column, but it's replacing the date rather than appending the image after the date.

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{

    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        if (System.Web.Security.Roles.IsUserInRole(Security.GetUserName(true, true), "UpdateStartDate"))
        {
          HyperLink hl = new HyperLink();
          // hl.Text = e.Row.Cells[6].Text;
          hl.ImageUrl = "../images/pencil.gif";

          e.Row.Cells[6].Controls.Add(hl);
        }
    }
}

The gridview column

<asp:BoundField HeaderText="Start Date" DataField="start_dt" DataFormatString="{0:d}" SortExpression="start_dt" ReadOnly="true" />

work on rowdatabound event .... and if user dont have permission to edit then dont show link or disable that one or anything else you want you can do on that place — rahularyansharma, Oct 19 '12 at 04:14
or you can check this link also which use conditional statement in grid view http://stackoverflow.com/questions/1461302/conditionally-hide-commandfield-or-buttonfield-in-gridview — rahularyansharma, Oct 19 '12 at 04:15

score 2 · Accepted Answer · answered Oct 19 '12 at 03:51

2

In my opinion better to use opposite approach: don't show edit link if user have appropriate permissions, but instead to hide link if user doesn't. Add HyperLink control next to textbox with date value and hide it conditionally in GridView1_RowDataBound method.

answered Oct 19 '12 at 03:51

Yuriy Rozhovetskiy

22,270
4
37
68

If I do it that way, how would I add the image/link to the BoundField? – RememberME Oct 19 '12 at 03:58

score 1 · Answer 2 · answered Oct 19 '12 at 04:31

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) {

if (e.Row.RowType == DataControlRowType.DataRow)
{
    if (System.Web.Security.Roles.IsUserInRole(Security.GetUserName(true, true), "UpdateStartDate"))
    {
      HyperLink hl = e.Row.find("h1")
      // hl.Text = e.Row.Cells[6].Text;
      hl.ImageUrl = "../images/pencil.gif";
      h1.visible=true;

    }
    else
    {
      HyperLink hl = e.Row.find("h1")
      h1.visible=false;
     }
}

}

I think you add the hyperlink in design itself and controls the visibility in row databound

Add link image to GridView cells in column AFTER cell text

2 Answers2