将所有选定的表行导入控制器

时间:2018-06-01 03:26:23

标签: jquery asp.net-mvc

如何将多个选定的行从表发送到mvc控制器?

我希望只需点击一下按钮就可以将整个表数据发送到mvc控制器。

提前致谢。

1 个答案:

答案 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) {

            }
         });
      }
希望它会对你有所帮助。