컨트롤러에 셀 TD를 가져올 수 있습니까?

Question

테이블을 만들 때 jquery의 tempate를 사용합니다. 사용자가 내 테이블의 한 셀을 클릭하면이 셀에 "name"속성을 추가합니다.

어떤 셀을 클릭했는지, 어떤 값으로 가져 왔지만 컨트롤러에 값 셀을 검색하지 못했습니다. asp mvc. FormCollection을 사용하지만 내 셀을 찾지 못했고 request.form [ "cellTd"]도 시도했지만 작동하지 않습니다. 내 컨트롤러에 셀이 null이고 폼에 cellTd 요소가 없습니다.

도움 주셔서 감사합니다.

내보기 :

@using (Html.BeginForm("Action", "Test", FormMethod.Post)) 
{ 
<div id="TableToFill"></div> 
<button id="send" value="send" name="btn" type="submit">send</button> 
} 

내 템플릿 :

<script id="TableTemplate" type="text/x-jquery-tmpl"> 
<table class="Table"> 
<tbody class="BodyTable"> 
    {{each list}} 
    <tr class="Item">  
     <td description="Standard${Name}" >${this.Value}</td> 
     {{if $index == 0}} 
     <td ><input description="high${Name}" value="" type="text" /></td> 
     {{/if}} 
    </tr>  
    {{/each}} 
</tbody> 
</table>  
</script> 

내 코드 JQuery와

<script type="javascript"> 
$.getJSON("getTable", params, function (items) { 
     $("#TableTemplate").tmpl(items).appendTo("#TableToFill");   
    }); 
    $(".Table tbody .Item td").click(function(){ 
    $(this).attr("name","cellTd"); 
    }); 
</script> 

내 컨트롤러

public class TestController : controller 
{ 
    public ActionResult(FormCollection form) 
    { 
     String cell=Request.Form["cellTd"]; 
    } 
} 

Answer 1

당신은 td의 click 이벤트 내부에 요청을 보내야합니다 :

$(".Table tbody .Item td").click(function(){ 
    //you are setting the name to "CellTd" 
    $(this).attr("name", "cellTd"); 

    var tdNameValue = $(this).attr("name"); //will always give "cellTd" as it is set above... 

    //make your ajax request here 
    $.ajax({ 
     url: 'urltocontroller', 
     data: {tdName : tdNameValue}, 
     dataType: 'json', 
     success: function(r) { 
      //successcallback 
     }, 
     type: 'POST' 
    }); 
}); 

이제 여기에 값을 검색 할 수 있습니다

public class TestController : controller 
{ 
    public ActionResult(FormCollection form) 
    { 
     String cell=Request.Form["cellTd"]; 
    } 
}