带有VB的asp.net中的可编辑表/网格

Question

我是一名前端开发人员，与 VB 开发人员合作创建一个用于输入数据字段的 Web 应用程序：名称、目标和截止日期。

我们的客户希望像 Excel 电子表格一样输入数据：在多个字段中切换并输入数据。然后输入的数据以表格或表格的形式输出到其他地方以供查看/批准。

我主要在 CSS/JS/PHP 中工作，而且我对 .ASPX 还是很陌生。我们正在一个 .NET 4.0 框架中使用 VB 在后端运行以连接到 SQL Server。在前端，我们有 .ASPX 网络表单以及 CSS/JS。

请注意：这不是 MVC 或 Core 框架，而是较旧的 4.0 .NET 框架。

我们尝试了多种选择，但都没有按照客户想要的方式发挥作用。我已经将其作为<asp:Table> 与<input> 字段的行以及<table> 的<asp:TextBox> 输入字段进行了尝试。但是我们在两个方面都遇到了问题。我们还尝试了<asp:GridView>，但这也不起作用。它只是只读的，不可编辑。它只会让你一次编辑一行。客户希望整个表格/网格都是可编辑的。下面的代码示例。这样做的问题是每个 ID 都是不同的名称：TextBox1、TextBox2 等。这对于 VB 将记录保存到数据库中不起作用。

有人构建过类似的网络应用程序吗？什么对你有用？

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="obj-table">
        <table>
            <tr>
                <td>
                    <asp:Label ID="Label1" CssClass="label name" runat="server" Text="Name"></asp:Label></td>
                <td>
                    <asp:Label ID="Label2" CssClass="label" runat="server" Text="Objective"></asp:Label></td>
                <td>
                    <asp:Label ID="Label3" CssClass="label" runat="server" Text="Due Date"></asp:Label></td>
                <td>
                    <asp:Label ID="Label4" CssClass="checkbox" runat="server" Text="Approved"></asp:Label></td>
            </tr>
            <tr>
                <td>
                    <asp:TextBox ID="Name" CssClas="textbox" runat="server"></asp:TextBox>
                </td>

                <td>
                    <asp:TextBox ID="Descrp" CssClas="textbox" runat="server"></asp:TextBox>
                </td>

                <td>
                    <asp:TextBox ID="DueDate" CssClas="textbox" runat="server"></asp:TextBox>
                </td>

                <td>
                    <asp:CheckBox ID="CheckBox" runat="server"/>
                </td>

                <%-- use this for when we need a drop down menu 
                <td>
                    <asp:DropDownList ID="DropDown" runat="server"></asp:DropDownList>
                </td>--%>
            </tr>
            <tr>
                <td>
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                </td>

                <td>
                    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                </td>

                <td>
                    <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
                </td>

                <td>
                    <asp:CheckBox ID="CheckBox1" runat="server"/>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
                </td>

                <td>
                    <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
                </td>

                <td>
                    <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>
                </td>

                <td>
                    <asp:CheckBox ID="CheckBox2" runat="server"/>
                </td>
            </tr>
        </table>
</div>

Answer 1

您可以使用网格视图元素，该元素将自动执行所需的操作，与 asp sql 数据源对象同步