JavaScriptの何が問題なのですか？ （C＃/ ASP.NET）

Question

ここでは私は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> 

'インデックス' 変数はそうのように、私のGridViewのRowDataBoundイベントから来ている：

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

しかし、私は私の関数の最初の行（var chkで始まる）の '文字列リテラルにあまりにも多くの文字を取得する'。どうしてこれなの？

Answer 1

あなたはクライアントとサーバー側のスクリプトを混在させています...これはできません。

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

しかし、あなたは、クライアント側、それを呼び出し、IDを渡すためにしようとしている、それはちょうどあなたが行うことができるものではありません、あなたのレンダリングされたJavaScript関数を見て、これはより明確になります。これが実行されるサーバ側であります。だけではなく、たとえば、あなたはあなたのコントロールその方法を見つけることができ、テーブルのIDを使用します。

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

問題が' + index + 'で一重引用符の使用です。それらを二重のqoutesに変更すればうまくいくはずです。

Answer 3

これは、おそらくASP.NETがエラーをスローするためです。これは、クライアント側の呼び出しでgetElementByIdと書かれているためです。 onholdev関数はクライアント側で実行されるため、インデックスパラメータをサーバー側で実行されるASP.NETに渡すことはできません。これを試してみてください：

<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> 

サーバーの交換 - これでサイドコード：厳密には正しくありません

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