Quel est le problème avec mon JavaScript? (C#/ASP.NET)

Question

Voici mon JavaScript:

<script type="text/javascript"> 
function onholdev(index) { 
    var chk = document.getElementById('<%=grdCons.Rows[' + index + '].FindControl("chkHold").ClientID %>'); 
    var txt = document.getElementById('<%=grdCons.Rows[' + index + '].FindControl("txtReason").ClientID %>'); 


    if (chk.checked == true) { 
     txt.disabled = false; 
    } 
    else { 
     txt.disabled = true; 
     txt.value = ""; 
    } 
} 
</script> 

La variable 'index' provient de l'événement RowDataBound de mon GridView, comme ceci:

CheckBox chkHold = ((CheckBox)e.Row.FindControl("chkHold")); 
    chkHold.Attributes.Add("onchange", "onholdev(" + e.Row.RowIndex + ")"); 

Cependant, je suis obtenir 'trop de caractères en chaîne littérale' dans la première ligne de ma fonction (en commençant par var chk). Pourquoi est-ce?

Answer 1

Vous mélangez un script côté client et côté serveur ... vous ne pouvez pas le faire. C'est exécuté côté serveur:

grdCons.Rows[' + index + '].FindControl("chkHold").ClientID 

Mais vous l'appelez côté client et essayer de passer une carte d'identité, qui est tout simplement pas quelque chose que vous pouvez faire, regarder votre fonction JavaScript rendu et ce sera beaucoup plus claire . Au lieu de cela il suffit d'utiliser l'ID de la table, vous pouvez trouver vos commandes de cette façon, par exemple:

var row = document.getElementById("grdCons").rows[index]; 
var inputs = row.getElementsByTagName("input"); 
//then filter by ID match, class, whatever's easiest and set what you need here 

Answer 2

Le problème est votre utilisation des guillemets simples dans ' + index + '. Changez ceux-ci pour doubler qoutes et cela devrait fonctionner.

Answer 3

Cela est probablement dû au fait que ASP.NET génère une erreur, qui est écrite dans l'appel côté client getElementById. La fonction onholdev est exécutée côté client et ne peut donc pas transmettre le paramètre d'index à ASP.NET qui est exécuté côté serveur. Essayez ceci:

<script type="text/javascript"> 
function onholdev(checkbox, textbox) { 
    var chk = document.getElementById(checkbox); 
    var txt = document.getElementById(textbox); 

    if (chk.checked == true) { 
     txt.disabled = false; 
    } 
    else { 
     txt.disabled = true; 
     txt.value = ""; 
    } 
} 
</script> 

Le remplacement de votre serveur - code côté avec ceci:

CheckBox chkHold = ((CheckBox)e.Row.FindControl("chkHold")); 
chkHold.Attributes.Add("onchange", "onholdev('" + 
    e.Row.FindControl("chkHold").ClientID + "','" + 
    e.Row.FindControl("txtReason").ClientID + "')");