MVC Form表单提交“list”数据,后台如何接收

Dear200892 2018-03-09 05:04:48

<a href="javascript:void(0)" id="Inventory_add" class="layui-btn layui-btn-lg layui-btn-normal" style="margin:30px 0px;">新增类型</a>

<table id="table-User">

                            <thead>                                

                                <th>车身颜色</th>

                                <th>内饰颜色</th>

                                <th>库存数量</th>

                                <th>操作</th>

                            </thead>

                            <tbody>

                                <tr>                                    

                                    <td>@Html.TextBox("BodyworkColor","",new { @name="list[0].BodyworkColor",@class="layui-input",@data_name="车身颜色"})</td>

                                    <td>@Html.TextBox("AutomotiveTrimColor","",new { @name="list[0].AutomotiveTrimColor",@class="layui-input",@data_name="内饰颜色"})</td>

                                    <td>@Html.TextBox("InventoryNumber","",new { @name="list[0].InventoryNumber",@class="layui-input",@data_name="库存数量"})</td>

                                    <td><a href="javascript:void(0)" class="layui-btn layui-btn-xs layui-btn-danger btn_remove">删除</a></td>

                                </tr>

                            </tbody>

                        </table>

$("#Inventory_add").click(function () {

            var number = $("#table-User tbody tr").length;

            var html = '<tr><td><input class="layui-input" id="BodyworkColor" data-name="车身颜色" name="list[' + number + '].BodyworkColor" type="text" value=""></td>';

            html += '<td><input class="layui-input" id="AutomotiveTrimColor" data-name="内饰颜色" name="list[' + number + '].AutomotiveTrimColor" type="text" value=""></td>';

            html += '<td><input class="layui-input" id="InventoryNumber" data-name="库存数量"  name="list[' + number + '].InventoryNumber" type="text" value=""></td>';

            html += '<td><a href="javascript:void(0)" class="layui-btn layui-btn-xs layui-btn-danger btn_remove">删除</a></td></tr>';

            $("#table-User tbody").append(html)              

        })

那么我的后台改用什么接收整个值？From表单提交

...全文

2035 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

Dear200892 2018-05-28

打赏
举报

前端采用Razor：

<td>@Html.TextBox("list_inv[0].BodyworkColor", "", new { @name = "BodyworkColor", @class = "layui-input", @data_name = "车身颜色" })</td>
                      <td>@Html.TextBox("list_inv[0].AutomotiveTrimColor", "", new { @name = "AutomotiveTrimColor", @class = "layui-input", @data_name = "内饰颜色" })</td>
                       <td>@Html.TextBox("]list_inv[0].InventoryNumber", "", new { @name = "InventoryNumber", @class = "layui-input InventoryNumber", @data_name = "库存数量" })</td>

后台：


public ActionResult NewCar(Type_Car car, Type_CarPrices cp, List<Type_Inventory> list_inv）
{。。。。}

这样还是用form表单提交，后台能够接受到list集合信息！前后名称需要一致才行，例如： list_inv

Distant遥远 2018-04-09

打赏
举报

可以通过form表单的方式提交，然后提交的时候用的方法是js的提交。也可以用ajax的方式提交

正怒月神版主 2018-03-30

打赏
举报

针对不同的Model，传递的json方式略有不同 https://blog.csdn.net/hanjun0612/article/details/50441437 https://blog.csdn.net/hanjun0612/article/details/51918059 https://blog.csdn.net/hanjun0612/article/details/79657740