首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在ASP MVC中将所有动态添加的文本框保存到数据库的两列中?

在ASP MVC中将所有动态添加的文本框保存到数据库的两列中,可以通过以下步骤实现:

  1. 首先,在前端视图页面中使用JavaScript或jQuery动态添加文本框,并为每个文本框设置一个唯一的名称或ID。
  2. 在提交表单时,将动态添加的文本框的值以数组或JSON对象的形式传递到后端控制器。
  3. 在后端控制器中,接收传递的文本框值,并进行处理。可以使用模型绑定的方式将文本框值绑定到一个模型类。
  4. 创建一个数据库上下文类和对应的实体模型类,用于与数据库进行交互。
  5. 在控制器中,使用实体模型类的对象来存储文本框的值,并将其保存到数据库的相应列中。

下面是一个示例代码,展示如何实现上述步骤:

前端视图页面(HTML、JavaScript或jQuery部分):

代码语言:txt
复制
<!-- 示例文本框,用于动态添加 -->
<input type="text" name="dynamicTextBox" id="dynamicTextBox1" />

<button onclick="addTextBox()">添加文本框</button>

<script>
var counter = 2;

function addTextBox() {
    var newTextBox = $('<input type="text" />');
    newTextBox.attr('name', 'dynamicTextBox');
    newTextBox.attr('id', 'dynamicTextBox' + counter);
    $('#textBoxContainer').append(newTextBox);
    counter++;
}

</script>

后端控制器:

代码语言:txt
复制
[HttpPost]
public ActionResult SaveTextBoxValues(List<string> dynamicTextBox)
{
    // 将动态添加的文本框的值存储到数据库

    using (var context = new YourDbContext())
    {
        foreach (var value in dynamicTextBox)
        {
            var entity = new YourEntityModel();
            entity.ColumnName = value;  // 将文本框值存储到相应列中
            context.YourEntityModels.Add(entity);
        }

        context.SaveChanges();
    }

    return RedirectToAction("Index");
}

数据库上下文类和实体模型类:

代码语言:txt
复制
public class YourDbContext : DbContext
{
    public DbSet<YourEntityModel> YourEntityModels { get; set; }
    // 其他数据库上下文相关的配置和实体模型类

}

public class YourEntityModel
{
    public int Id { get; set; }
    public string ColumnName { get; set; }
    // 其他与数据库表对应的属性

}

这样,当用户提交表单时,动态添加的文本框的值将会被保存到数据库的相应列中。注意在实际应用中,需要根据实际情况进行适当的修改和增强,例如表单验证、错误处理等。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

ASP.NET MVC 5 - 给数据模型添加校验器

在本节中将会给Movie模型添加验证逻辑。并且确保这些验证规则在用户创建或编辑电影时被执行。...您可以在一个地方 (模型类) 以声明方式指定验证规则,这个规则会在应用程序任何地方执行。 让我们看看您如何在本电影应用程序,使用此验证支持。...ASP.NET MVC 验证错误UI 重新运行应用程序,浏览 /Movies URL。 单击Create New链接,来添加一部新电影。在窗体填写一些无效值,然后单击Create按钮。...调用此方法将验证对象上所有应用了验证约束属性。如果对象含有验证错误,则Create方法会重新显示初始form。如果没有任何错误,方法将保存信息到数据库。...ASP.NET MVC 5 - 将数据从控制器传递给视图 5. ASP.NET MVC 5 - 添加一个模型 6.

9K70
  • ASP.NET MVC学习笔记06编辑方法和编辑视图

    ASP.NET MVC model binder接收form所post数据,并转换所接收 Movie请求数据从而创建一个Movie对象。...如果数据是有效电影数据,将保存到数据库Movies集合(MovieDBContext 实例)。通过调用MovieDBContextSaveChanges方法,新电影数据会被保存到数据库。...(使 用 Distinct修饰符,不会添加重复流派 – 例如,在我们示例添加次喜剧)。 该代码然后在ViewBag对象存储了流派数据列表。...如我们使用下面的代码: @Html.DropDownList("movieGenre", "Comedy") 在我们数据库,我们拥有与“喜剧”流派电影,“喜剧”在下拉列表中将预先选 择。...在下一篇,将看到如何添加一个属性到 Movie model,和如何添加一个初始值设定项值,它会自动创建一个测试数据库

    5K50

    七天学会ASP.NET MVC (四)——用户授权认证问题

    小编应各位要求,快马加鞭,马不停蹄终于:七天学会 Asp.Net MVC 第四篇出炉,在第四天学习,我们主要了学习如何在MVC如何实现认证授权等问题,本节主要讲了验证错误时错误值,客户端验证...系列文章 七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC 七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递 七天学会ASP.NET MVC (三)——...实验15中将学习如何在验证失败时,填充值。 1. 创建 CreateEmployeeViewModel 类。...View,试着将Model数据重新显示在文本框。...在本系列第一讲,我们了解了Asp.Net和MVC意义,知道MVCAsp.net一部分,MVC继承了ASP.NET所有特征,包含表单认证。 先来了解ASP.NET是如何进行Form认证

    8.7K50

    ASP.NET MVC使用Bootstrap系列(2)——使用Bootstrap CSS和HTML元素

    栅格参数 Bootstrap 3提供了一系列预定义class来指定尺寸,如下所示: ? Bootstrap 栅格系统被分割为12,当布局你网页时,记住所有总和应该是12。...为了更好演示,我使用精典Northwind示例数据库以及如下技术: 用ASP.NET MVC来作为Web应用应用程序 Bootstrap前端框架 Entity Framework来作为ORM框架 StructureMap...ASP.NET MVC创建包含Bootstrap样式编辑模板 基元类型 编辑模板(Editor Template)指的是在ASP.NET MVC应用程序,基于对象属性数据类型通过Razor视图渲染后...非基元类型 ASP.NET MVC能让开发者创建根据自定义DataType编辑模板,比如自动生成多行文本框并且规定行数为3行,也是同样操作: 添加MultilineText....最后探索了ASP.NET MVC编辑模板,能让产生input元素自动包含form-control样式。

    6.1K80

    ASP.NET MVC使用Bootstrap系统(2)——使用Bootstrap CSS和HTML元素

    栅格参数 Bootstrap 3提供了一系列预定义class来指定尺寸,如下所示: Bootstrap 栅格系统被分割为12,当布局你网页时,记住所有总和应该是12。...为了更好演示,我使用精典Northwind示例数据库以及如下技术: 用ASP.NET MVC来作为Web应用应用程序 Bootstrap前端框架 Entity Framework来作为ORM框架...ASP.NET MVC创建包含Bootstrap样式编辑模板 基元类型 编辑模板(Editor Template)指的是在ASP.NET MVC应用程序,基于对象属性数据类型通过Razor视图渲染后...如下所示: 非基元类型 ASP.NET MVC能让开发者创建根据自定义DataType编辑模板,比如自动生成多行文本框并且规定行数为3行,也是同样操作: 添加MultilineText....最后探索了ASP.NET MVC编辑模板,能让产生input元素自动包含form-control样式。

    3.9K40

    ASP.Net MVC开发基础学习笔记:一、走向MVC模式

    一、ASP.Net种开发模式 1.1 ASP.Net WebForm开发模式 ?   ...M:Model 主要是存储或者是处理数据组件;Model其实是实现业务逻辑层对实体类相应数据库操作,:CRUD。它包括数据、验证规则、数据访问和业务逻辑等应用程序信息。...(4)ViewBag传递数据:我们对ViewBag动态属性进行赋值,值实际上是存到了ViewData动态属性名存成了ViewDataDictionary键,动态属性值存成了ViewDataDictionary...查询数据时需要转换合适类型 在ViewPage查询数据时不需要类型转换 有一些类型转换代码 可读性更好   (6)如何在程序中使用ViewData与ViewBag   ①在Controller代码...所以,所有的请求都是要指定一个具体Action,Url格式是根据路由规则来定。那么,在ASP.Net MVC路由规则默认又是什么,在哪里设置呢?

    2K30

    ActiveReports 报表应用教程 (1)---Hello ActiveReports

    同时,该版本支持 WinForms、ASP.NET、ASP.NET MVC、Silverlight、WPF 和 Windows Azure 平台。...5、报表皮肤设置 在葡萄城ActiveReports报表,可以设置报表不同控件样式,然后把这些样式保存到一个外部XML文件当中,供其他报表使用。...第二步: 在 Visual Studio 添加 ActiveReports V11 SP2 报表模板 ActiveReports 支持 WinForms、ASP.NET、ASP.NET MVC、Silverlight...打开 VS2013 并创建一个 ASP.NET 应用程序类型项目,在项目文件上右键并选择添加 –> 新建项,在出现添加新项对话框,选中已安装模板下 Visual C# 节点,此时,你可以看到...从 VS2013 工具箱中将 TextBox 控件添加到报表设计界面 PageHeader 区域,并设置 TextBox 控件 Text 属性为 Hello ActiveReports.

    2.9K60

    ASP.NET MVC 5 - 验证编辑方法(Edit method)和编辑视图(Edit view)

    如果数据是有效电影数据,将保存到数据库Movies集合(MovieDBContext 实例)。通过调用MovieDBContextSaveChanges方法,新电影数据会被保存到数据库。...前几行代码会创建一个List对象来保存数据库电影流派。 下面的代码是从数据库检索所有流派 LINQ 查询。...(使用 Distinct修饰符,不会添加重复流派 -- 例如,在我们示例添加次喜剧)。 该代码然后在ViewBag对象存储了流派数据列表。...如我们使用下面的代码: @Html.DropDownList("movieGenre", "Comedy") 在我们数据库,我们拥有与“喜剧”流派电影,“喜剧”在下拉列表中将预先选择。...使用 ComponentOne Studio ASP.NET MVC 这款轻量级控件,在效率大幅提高同时,还能满足用户所有需求。

    6.7K110

    ASP.NET MVC5实现具有服务器端过滤、排序和分页GridView

    背景 在前一篇文章《【初学者指南】在ASP.NET MVC 5创建GridView》,我们学习了如何在 ASP.NET MVC 实现 GridView,类似于 ASP.NET web 表单功能。...设置项目 现在,创建一个新 ASP.NET MVC 5 Web 应用程序。打开 Visual Studio 2015,点击文件>>新建>>项目。 ?...从该对话框,跳转到 Web,并选择 ASP.NET Web 应用程序项目,然后单击确定。 ? 在模板页面,选择 MVC,如果编写了单元测试,请先做检查,然后点击确定。...现在,在控制器文件夹添加一个空名为 AssetController 控制器,这个控制器件将用于所有 Asset 相关工作。...,然后检查所有是否符合标准数据都返回了。

    5.4K80

    免费资源 | ActiveReports 报表控件发布多平台 Demo 代码集合

    HTMLViewer增加打印按钮:Asp.net 框架下,使用HTMLViewer加载报表,工具栏是没有打印按钮,需要手动添加打印按钮。...在HTML5 Viewer添加放大和缩小功能:使用Html5Viewer加载报表,通过添加放大和缩小按钮,进行报表缩放功能。...: renderMode: 'Galley' (连续模式) HTML5Viewer 冻结行头头展示: 在MVC 框架下,使用Html5Viewer进行行列头展示,需要注意点是: 1、设置: renderMode...HTML5Viewer 绑定动态数据源:在MVC框架下,使用Html5viewer 动态绑定数据源,注意点: 1、添加一个WebService服务。...绑定数据源到报表 多数据源绑定:该demo主要介绍了报表是如何在后台进行多数据源绑定。 通过Object类型数据源绑定对象或者集合对象:该demo主要介绍了报表如何动态绑定object 动态数据源。

    2.4K40

    ASP.Net MVC开发基础学习笔记:一、走向MVC模式

    • 不会取代WebForm   • 底层跟WebForm都是一样,只是管道上不同处理而已 二、MVC模式种不同解读   MVC 模式种理解:一种是 表现模式,另外一种是...M:Model 主要是存储或者是处理数据组件;Model其实是实现业务逻辑层对实体类相应数据库操作,:CRUD。它包括数据、验证规则、数据访问和业务逻辑等应用程序信息。...(4) ViewBag传递数据:我们对ViewBag动态属性进行赋值, 值实际上是存到了ViewData动态属性名存成了ViewDataDictionary键,动态属性值存成了ViewDataDictionary...查询数据时需要转换合适类型 在ViewPage查询数据时不需要类型转换 有一些类型转换代码 可读性更好   (6)如何在程序中使用ViewData与ViewBag   ①在Controller代码...所以,所有的请求都是要指定一个具体Action,Url格式是根据路由规则来定。那么,在ASP.Net MVC路由规则默认又是什么,在哪里设置呢?

    90120

    40个重要HTML 5面试问题及答案

    1.0缓存:Login.aspx 应用程序缓存回退页面功能? 介绍 我是一个ASP.NET MVC开发人员。最近当我找工作时候,我发现很多问题都是围绕HTML 5和它新功能展开。...HTML 5是HTML新标准,其主要目标是无需任何额外插件Flash、Silverlight等,就可以传输所有内容。它囊括了动画、视频、丰富图形用户界面等。...当你需要计算个输入结果并将结果放到一个标签里时候,就需要输出元素了。比如你有文本框(参见下图),你想要让这些文本框数字相加,然后输出给标签。 ?...CSS布局可以帮助你分配文字为一个个。例如,下面的杂志新闻文本内容就比较大,我们需要用条边界线分成相同3。这就是HTML 5布局用途。...如何添加和删除本地存储数据? 添加到本地存储数据使用“键”和“值”。下面的示例代码显示了国家数据“India”添加键值为“Key001”。

    4.8K130

    ASP.NET MVC5高级编程——(3)MVC模式模型

    ASP.NET MVC基架可以为应用程序创建、读取、更新和删除(CRUB)功能生成所需要样板代码。...如果不配置从模型到数据库中表和具体映射,EF将使用约定创建一个数据库模式。 显式为代码优先数据上下文配置连接很简单,即向web.config文件添加一个连接字符串。 ?...在视图中使用DropDownList辅助方法,Edit行代码就是为了构建从数据库所有可得到流派和艺术家列表,并将这些列表存储在ViewBag以方便以后让DropDownList辅助方法检索...这个操作作用就是接收含有用户所有编辑项Album模型对象,并将这个对象保存到数据库。...在ASP.NET MVC可以通过使用Bind属性限制可被更新Model属性。绑定多个字段部分字段:通过Bind属性来定义Model需要绑定哪些字段。

    4.8K40

    Asp.Net MVC4入门指南(5):从控制器访问数据模型

    单击Create按钮将使得窗体提交至服务器,同时电影信息也会保存到数据库里,然后您会被重定向到URL/Movies,您可以在列表中看到您刚刚创建新电影。 ? 创建一些更多电影数据。...private MovieDBContext db = new MovieDBContext(); 向Movies控制器请求,从而返回Movies电影数据库所有记录,然后将结果传递给Index视图...强类型模型和 @model 关键字 在本系列之前教程,您看到了使用ViewBag对象,从控制器传递数据或对象给视图模板。ViewBag是一个动态对象,提供了方便后期绑定方法将信息传递给视图。...请注意这些代码是如何在Index操作方法,创建List对象,并调用View方法。...并添加一个SearchIndex方法和SearchIndex视图,使您可以在数据库搜索电影了。从控制器访问数据模型是MVC数据传递重要知识部分,深入理解了这部分内容才能更好进行MVC开发。

    4.2K50

    C#一分钟浅谈:数据绑定与数据源控件

    在Web开发,数据绑定和数据源控件是实现动态网页关键技术之一。本文将从基础概念出发,逐步深入探讨这些技术在ASP.NET应用,并通过具体代码示例帮助理解。什么是数据绑定?...数据绑定是指将用户界面元素(文本框、列表框等)与数据源(如数据库记录、对象属性等)之间建立一种关联关系,使得用户界面能够自动地反映数据源变化,同时也可以将用户界面上操作结果反馈给数据源。...它们可以帮助我们轻松地从不同数据源(SQL Server数据库、XML文件等)获取数据,并将其绑定到Web页面上控件上。...你应该能在页面上看到从数据库检索出来所有产品信息。常见问题及解决办法连接失败:检查web.config连接字符串是否正确,确保数据库服务正在运行。...总结通过上述步骤,我们了解了如何在ASP.NET中使用数据绑定和数据源控件来展示数据库数据。虽然这个过程看起来简单,但在实际项目中还需要注意很多细节,比如错误处理、性能优化等。

    21210

    ASP.NET MVC客户端验证:jQuery验证

    ASP.MVC 2.0及其之前版本采用ASP.NET Ajax进行客户端验证,在ASP.NET MVC 3.0,jQuery验证框架被引入是我们可以采用Unobtrusive JavaScript方式进行客户端验证...,理想方式是让HTML只用于定义内容呈现结构,让CSS控制内容呈现样式,而所有功能实现定义在JavaScript,所以用于实现验证对JavaScript调用不应该出现在HTML。...虽然演示jQuery验证使用一个单纯HTML文件就可以了,但是在这里我们还是通过Visual StudioASP.NET MVC项目模板创建一个空Web应用,这样做有个目的:其一、项目在创建过程中会自动添加包含...现在我们将上面演示实例ViewHTML进行相应修改,将包含在表单四个文本框通过class属性设置验证规则移除。...ASP.NET MVC客户端验证:jQuery验证 ASP.NET MVC客户端验证:jQuery验证在Model验证实现 ASP.NET MVC客户端验证:自定义验证

    8.2K90
    领券