添加一个网格C#MVC项目

本文关键字：网格 C#MVC 项目 一个 添加 | 更新日期: 2023-09-27 18:00:23

我的项目是一个C#MVC web应用程序。在视图中，我已经将所有元素创建为

<input type="text" id="fname" name="fName" />

而不是使用HTML辅助标记；

现在，我需要添加一个网格，我可以添加/更新/删除记录。如何使用上面代码中所示的html来创建add网格；我应该能够在网格中添加/删除行。

注意：我不想使用HTML助手来创建网格

添加一个网格C#MVC项目

到目前为止你尝试了什么？另外，你不想使用MvcContrib HTML.Grid这样的帮助程序是有原因的吗？助手使事情变得简单多了，尤其是模型绑定。

如果你不使用助手，你需要使用foreach循环来从视图中的<table>元素构建网格，比如：

@Model User
       <table id="user-index" >
                <thead>
                <tr>
                    <th>
                       First Name
                    </th>
                    <th>
                       Last Name
                    </th>
                    <th>
                        Phone
                    </th>
                </tr>
                </thead>
                <tbody>
        @foreach (var user in Model.UserList)
        {
             <tr>
                    <td>
                    //I'm using helpers in my example, you can output however you like
                    @Html.DisplayFor(model => user.firstname)
                    </td>
                    <td>
                    @Html.DisplayFor(model => user.lastname)
                    </td>
                    <td>
                    @Html.DisplayFor(model => user.phone)
                    </td>
            </tr>   
        }
            </tbody>
            </table>

还有网格的jQuery选项，看看DataTables

编辑：HTML助手还可以更容易地处理模型返回的空值

很难理解你在这里问什么。

在HTML中，网格是使用<table>标记创建的。因此，答案是使用<table>标签。

你被困在哪里了？

MVC有很多网格选项，您也可以创建自己的网格选项，但为了节省时间，请使用jQuery grid或Kendo之类的工具。

这可能有助于您选择ASP.NET MVC所需的网格控件？

相关文章：