asp.net-mvc - 可编辑的 "GridView"像 ASP.NET MVC 中的控件

Question

我正在尝试在 View 中使用以下代码构建一个类似控件(订单列)的可编辑 GridView:

<table>
    <tr>
        <th>
            Name
        </th>
        <th>
            Order
        </th>
        <th>
            <img alt="Save order" src="<%= Url.Content("~/Content/minisave.png") %>" />
        </th>
        <th></th>
    </tr>

<% foreach (var item in Model) { %>

    <tr>
        <td>
            <%= Html.Encode(item.Name) %>
        </td>
        <td colspan="2">
            <%= Html.TextBox("Order", item.Order, new { size = "3" }) %>
        </td>
        <td>
            <%= Html.ActionLink("Edit", "Edit", new { id=item.id }) %> |
            <%= Html.ActionLink("Details", "Details", new { id=item.id })%>
        </td>
    </tr>

<% } %>

</table>

结果表如下所示:

问题是:我如何在我的 Controller 中接收这些数据？我需要在 table 周围放一个表格标签吗？我如何知道哪个订单值属于哪个记录？

几个额外的问题:如果您看到我将 size 属性添加到输入选项卡的代码，但是当浏览器呈现它时，输入更大，我该如何解决？

感谢您的帮助!

Answer 1

我以前做过。我通过将 ID 作为名称的一部分，并在整个表格周围使用一个表格来做到这一点。这样 Controller 就可以从所有行中提取所有数据并像电子表格一样一次性更新所有数据。

这适用于一个工作单元，您可以在其中编辑页面并保存它，但您当然需要考虑如何应对您的锁定策略，无论是乐观还是悲观。

然而，现在更好的选择可能是使用 ajax 提交特定值，有点像 Google Spreadsheet，也许吧？