2016-08-09 1 views
-1

私は動的にテキストボックスとそれらのテキストボックスにバインディングモデルの値を生成している1つのテーブルがあります。また、私は1つのボタンがあります。私は動的に生成されたテキストボックス値をAjaxリクエストで送信したい。私のコードは以下の通りです。動的に生成されたテキストボックスの値を取得し、mvc4とjqueryのコントローラにajaxリクエストを送る方法は?

@foreach (var group in Model.Groups) 
{ 
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="dataTable tableHover"> 
     <tr> 
      @foreach (var item in group.Items) 
      { 
       <th>@item.Label</th> 
      } 


     </tr> 
     <tr> 
      @foreach (var item in group.Items) 
      { 
       <td><input type="text" id="Value" value="@item.Value"></td> 
      } 

     </tr> 


    </table> 
      } 
@foreach (var group in Model.Groups) 
{ 
    <tr> 
     @{ int k = 1; } 
     @foreach (var item in group.Items) 
       { 
        if (k == 1) 
        { 
       <td scope="col"> <button type="button" class="btn btn-primary" id="SaveUpdate" onclick="updatemetaData('@item.upld_id,@item.Value');">Save</button></td> 
       k = 0; 
      } 
     } 
    </tr> 
} 

これは私のjQuery関数であり、ajaxリクエストです。

function updatemetaData(docid) { 
      $.ajax(
       { 
        type: "GET", 
        data: { upld_id: docid }, 
        dataType: "html", 
        url: '/documentVerification/updatedocDetails', 
        headers: { 
         'VerificationToken': forgeryId 
        }, 
        success: function (data) 
        { 
         $('#GridDetails').html(""); 
         $('#GridDetails').html(data); 
         $("#dialog-formdocumentdata").dialog('open'); 

        } 
         , error: function (error) 
         { 
         } 
       }); 

     } 

</script> 

私は動的に生成されたテキストボックスの値をajax呼び出しで送信します。以下のコード2ではすべての場合にテキストボックスが生成されます。

@foreach (var item in group.Items) 
      { 
       <td><input type="text" id="Value" value="@item.Value"></td> 
      } 

これを達成するにはjqueryで可能ですか?前もって感謝します。

+0

できるだけ簡単に保管してください。あなたはコントローラから乱数を渡しています。モデルを(JSONとして)シリアライズし、ビューバックオブジェクトに追加するだけです。 jqueryで扱いやすい隠しフィールドに保存することができます。 –

+0

はいそうです。それを得るのは2つのテキストボックスだけです。 –

+0

あなたの答えを入れてください –

答えて

0

私は周囲のコンピュータを見つけることができません。次のコードにはエラーがあるかもしれないので注意してください。

Nugetを使用してNewtonsoft Jsonアセンブリをインポートします。ビューで

using Newtonsoft.Json; 

ViewBag.JsonData = JsonConvert.SerializeObject(yourObjectContainingRandomNumbers); 

:コントローラの追加

隠しフィールドや物事への参照が動作するはず

@Html.Hidden("inputID", Viewbag.JsonData) 

移動jqueryの。

関連する問題