Gridview row selection

B M Suchitra

15y6.1k.NET

Hi,

How can i make a bound field as the select button for selecting the row? For example when i click on the company name which is a field in gridview the respective row should get selected.. How to do that and even the selected row color should change.. How to do that as i do not want to autogenerate the select linkbutton .

22 Replies

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

Narayan15y ago
Accepted answer
Take a look at the attached sample.
0
B M Suchitra15y ago
@Narayan,

I have one more doubt. In the solution attachment what you have provided..
If i want to fetch the Emp Name when i select a row how do i get that?
0
Prabhu Raja15y ago
Also Try this attached one.
0
B M Suchitra15y ago
Hi Narayan,

I am sorry. Your answer is correct. Actually i got confused because of linkbutton text which you have given as select.. That made me think that it is autogenerated select button.. thanks for the answer
0
Prabhu Raja15y ago
Narayan Sample Code is good.

He used LinkButton inside of Template Field. the Text of link button is only "Select" but it actually a link button. and he used linkbutton event handler.

Go through the Code in .aspx. and .cs files
0
Narayan15y ago
Have you seen the code? I have used a template field with a link button inside, it is not a auto generated button, You can give any name to that button text, and on the click event i am selecting the row.
Please go through the aspx and .cs file.
0
B M Suchitra15y ago
Hi Narayan,

I do have the knowledge about that select but i do not want to do it like that. I have a templated field which is having a linkbutton.. At the click event of that linkbutton i want to change the color of the row. I also want to allow user to make only 1 selection at a time. How to do that?

My requirement is that i do not want the select button
0
B M Suchitra15y ago
Hi Prabhu Raja,

It is still not working as it has to work[I mean color is not changing at linkbutton click].. I hope you are understanding my problem. I want row backcolor to change at linkbutton click and allow only 1 row selection at a time.. How can i do that please help..
0
Prabhu Raja15y ago
I apologize for my mistake. its

protected void LinkButtonClick(object sender, System.EventArgs e)
{
LinkButton btn = (LinkButton)sender;
GridViewRow gvr = (GridViewRow)btn.NamingContainer;
int rowindex = gvr.RowIndex;
GridView1.Rows[rowindex ].Attributes.Add("onclick", "javascript:ChangeRowColor('" & GridView1.Rows[rowindex ].ClientID & "')")
}
0

B M Suchitra15y ago

Hi Prabhu Raja,

I get the below error:

An object reference is required for the non-static field, method, or property 'System.Web.UI.Control.NamingContainer.get'

Source Error:

Line 52:     { Line 53:         LinkButton btn = (LinkButton)sender; Line 54:         GridViewRow gvr = (GridViewRow)LinkButton.NamingContainer; Line 55:         int rowindex = gvr.RowIndex; Line 56:         GVSearch.Rows[rowindex].Attributes.Add("onclick", "javascript:ChangeRowColor('" & GVSearch.Rows[rowindex].ClientID & "')");

Prabhu Raja15y ago
Hi, you may try this.

consider this java script,

And use GridView Link Button Template as

And You Code-Behind as ,

protected void LinkButtonClick(object sender, System.EventArgs e)
{
LinkButton btn = (LinkButton)sender;
GridViewRow gvr = (GridViewRow)LinkButton.NamingContainer;
int rowindex = gvr.RowIndex;
GridView1.Rows[rowindex ].Attributes.Add("onclick", "javascript:ChangeRowColor('" & GridView1.Rows[rowindex ].ClientID & "')")
}

0

B M Suchitra15y ago

Hi Vidya,

Thats ok but that is not my requirement.. Actually that javascript which is below :

is correct but it allows for multiple row selection.. I want single row selected at a time

Tulasi15y ago
replace link button click event protected void lnktest_Click(object sender, EventArgs e) { LinkButton test = (LinkButton)sender; foreach (GridViewRow row1 in grdtest.Rows) { row1.BackColor = System.Drawing.Color.White; if (row1.RowIndex != Convert.ToInt32(test.CommandName)) { row1.BackColor = System.Drawing.Color.White; } else { row1.BackColor = System.Drawing.Color.Red; } } }
0
Tulasi15y ago
Hi Suchitra,
i done one sample example for u , chk this
Gridview source code

Link button click event

protected void lnktest_Click(object sender, EventArgs e)
{
LinkButton test = (LinkButton)sender;
GridViewRow row = grdtest.Rows[Convert.ToInt32(test.CommandName)];
row.BackColor = row.RowIndex.Equals(Convert.ToInt32(test.CommandName)) ?
System.Drawing.Color.Red :
System.Drawing.Color.White;
}

Please do not forget to mark "Accpeted Answer".
0
B M Suchitra15y ago
Hi Vidya,

This link:
http://www.daniweb.com/web-development/aspnet/threads/202708 Allows for multiple row selection... I want user to make only 1 row selection at a time
0
B M Suchitra15y ago
Hi friends,

Can we change the row backcolor at the gridview linkbutton click event? How to do that? Please help
0

Tulasi15y ago

protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
{
        int rowIndex = Convert.ToInt32(e.CommandArgument);

        foreach (GridViewRow row in GridView1.Rows)
        {
                row.BackColor = row.RowIndex.Equals(rowIndex) ?
                        System.Drawing.Color.Red :
                        System.Drawing.Color.White;
        }
}

Tulasi15y ago
hi Suchitra
have a look at these links
http://www.geekzilla.co.uk/view9FC28EE6-ACB0-4F51-BFE4-38B0B10134D5.htm

http://www.daniweb.com/web-development/aspnet/threads/202708

Please do not forget to mark "Accpeted Answer".
0
B M Suchitra15y ago
Hi Vidya,

Either ways is ok for me
0
Tulasi15y ago
hi,
Could u tel me whether u wan to change color by using javascript or codebehind ?
0
B M Suchitra15y ago
Hi Vidya

Your code does not work for me. I have a link button in gridview on clicking it row color should change.
0
Tulasi15y ago
Hi,
chk this i used checkbox to change color
//Javascript
function ChangeRowColor(obj) {
var rowobj = getParentRow(obj);
if (obj.checked)
{
rowobj.style.backgroundColor = '#cccccc';
}
else
{
rowobj.style.backgroundColor = 'white';
}
}

Gridview :

Please do not forget to mark "Accpeted Answer".
0