asp:new listview javascript question

Question

I have a .net 4 asp.net website. There is a listview with a checkbox in each "cell" of the listview. I'd like to attach some javascript to these checkboxes in that when the check box is checked/unchecked, it changes the color of teh asp:tablecell. The listview is bound to a collection.

I don't want to do a postback on each check change as there may be quite a few checkboxes changed.

Am i taking the wrong approach or would javascript be a good approach and if so, can someone help with the javascript. thanks

Matthew Jones · Accepted Answer · 2010-11-12 15:58:38Z

1

I do this in the ItemDataBound event of the ListView. Say you have the following javascript function:

function changeClass(checkBoxId, containerId) {
    var checkBox = document.getElementById(checkBoxId);
    var container = document.getElementById(containerId);
    if(checkBox.checked == true) container.style.backgroundColor = "#AAA";
    else  container.style.backgroundColor = "#FFF";
}

Then, you can use FindControl in ItemDataBound like so:

protected void ListView1_ItemDataBound(object sender, EventArgs e)
{
    var checkBox = e.Item.FindControl("nameOfCheckBox");
    var container = e.Item.FindControl("nameOfTableCell");

    checkBox.Attributes["onclick"] = "javascript:changeClass('"
        + checkBox.ClientID + "','"
        + container.ClientID + "');";
}

answered Nov 12, 2010 at 15:58

Matthew Jones

26.3k17 gold badges105 silver badges156 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

jvcoach23 Over a year ago

thanks for that... i'm still having a problem in giving the asp:tablecell an ID. I've tried something like this ID='<%# databinder.eval(container.dataitem,"ID")%>'.

Matthew Jones Over a year ago

Do you have to give the tablecell such a specific ID? My solution was designed for situations where the tablecell has an ID of, say, "TableCell1".

jvcoach23 Over a year ago

Thanks for the help.. i figured out what i was doing wrong. I need to make the check box just be 2 states, but this got me going. Thanks

kobe · Accepted Answer · 2010-11-12 15:51:30Z

0

On the server side you can attach the javascript events to the controls to attributes..property

like below//

seversidecontrolID.Attributes.Add("onclick","Javascript:
methodName(this);")

answered Nov 12, 2010 at 15:51

kobe

15.9k15 gold badges67 silver badges93 bronze badges

Collectives™ on Stack Overflow

asp:new listview javascript question

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related