如何将多个选定的行从表发送到mvc控制器?
我希望只需点击一下按钮就可以将整个表数据发送到mvc控制器。
提前致谢。
答案 0 :(得分:1)
首先创建一个表并设置表id -
<table id="tbldata">
<tr>
<td>test</td>
<td>1</td>
</tr>
</table>
<input type="submit" id="btnsubmit" value="Save"/>
然后创建一个函数,在按钮单击时获取tr中所有td的数据 -
$('#btnsubmit').click(function(){
GetRecord()
})
function GetRecord()
{
var table = $("#tbldata");
//find all table tr value usnig each loop
table.find('tr').each(function (i, el) {
var $tds = $(this).find('td'),
ItemName = $tds.eq(0).val();
Qty = $tds.eq(1).val();
alert(ItemName + ',' + Qty)
SaveRecord_List(ItemName, Qty);
});
}
它将返回td中的所有记录 最后你可以使用ajax -
在控制器动作中发送记录 function SaveRecord_List(itemname,qty) {
$.ajax({
type: 'GET',
dataType: 'json',
url: "Controller/Action",
data: { _ItemName: itemname, _Qty: qty },
success: function (Data) {
alert('record saved successfully');
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
}
});
}
希望它会对你有所帮助。