Selecting the DataGrid Row

I would do something like this if you want to keep on client side without having to post back. Add an event to the DataGrid for the ItemDataBound


this.grd.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.grd_ItemDataBound);

Add code to add javascript events to each row


private void grd_ItemDataBound(object sender, DataGridItemEventArgs e)
{
	if(e.Item.ItemIndex >= 0) 
	{
		e.Item.Attributes.Add("onmouseover","setStyleOn(this)");
		e.Item.Attributes.Add("onmouseout","setStyleOff(this)");
		e.Item.Attributes.Add("onclick","handleClick(this)");
	}
}

Add javascript code to you aspx page set the style of the rows


function setStyleOn(elem) {
   elem.className = "rowon";
}

function setStyleOff(elem) {
   elem.className = "rowoff";
}


function handleClick(elem) {
    //do something
   setStyleOn(elem);

}

2 Replies

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

libertychisasuro21y ago
can someone modify this code such that it highlights a row that has the the result of a query used to search a database?
0
gjmproposal21y ago
I would do something like this if you want to keep on client side without having to post back. Add an event to the DataGrid for the ItemDataBound this.grd.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.grd_ItemDataBound); Add code to add javascript events to each row private void grd_ItemDataBound(object sender, DataGridItemEventArgs e) { if(e.Item.ItemIndex >= 0) { e.Item.Attributes.Add("onmouseover","setStyleOn(this)"); e.Item.Attributes.Add("onmouseout","setStyleOff(this)"); e.Item.Attributes.Add("onclick","handleClick(this)"); } } Add javascript code to you aspx page set the style of the rows function setStyleOn(elem) { elem.className = "rowon"; } function setStyleOff(elem) { elem.className = "rowoff"; } function handleClick(elem) { //do something setStyleOn(elem); }
0