asp: new listview javascript question

Question

J'ai un site web .net 4 asp.net. Il y a une liste avec une case à cocher dans chaque "cellule" de la liste. Je voudrais attacher un peu de javascript à ces cases à cocher en ce que lorsque la case à cocher est cochée/décochée, elle change la couleur de l'asp: tablecell. La listview est liée à une collection.

Je ne veux pas effectuer de publication à chaque changement de vérification car il peut y avoir plusieurs cases à cocher. Est-ce que je prends la mauvaise approche ou javascript serait une bonne approche et si oui, quelqu'un peut-il aider avec le javascript. grâce

Answer 1

Je le fais en cas ItemDataBound de ListView. Disons que vous avez la fonction javascript suivante:

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"; 
} 

Ensuite, vous pouvez utiliser FindControl dans ItemDataBound comme ceci:

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 + "');"; 
} 

Answer 2

Du côté du serveur, vous pouvez joindre les événements javascript aux contrôles de attributes..property

comme ci-dessous //

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