搜索

查看: 3038|回复: 11

[ASP.NET] ASP.NET MVC前台动态添加文本框并在后台使用FormCollection接收值

[复制链接]
发表于 2023-5-4 11:33:13 | 显示全部楼层 |阅读模式
Editor 2023-5-4 11:33:13 3038 11 看全部
在"MVC批量添加,增加一条记录的同时添加N条集合属性所对应的个体"中,对于前台传来的多个TextBox值,在控制器方法中通过强类型来接收。使用FormCollection也可以接收来自前台的多个TextBox值。实现效果如下:
动态添加TextBox:

202282483627291.png

202282483627291.png


后台使用FormCollection接收来自前台的TextBox值,再以TempData把接收到的值返回:

202282483627292.png

202282483627292.png


当页面没有TextBox,点击"移除",提示"没有文本框可被移除":

202282483627293.png

202282483627293.png


在HomeController中,先获取前台用来计数的隐藏域的值,然后遍历,根据前台Input的name属性值的命名规则获取到每个TextBox的值。
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
        [HttpPost]
        public ActionResult Index(FormCollection collection)
        {
            var inputCount = 0; //前端文本框的数量
            var inputValues = new List();//前端文本款的值放到这个集合
            if (int.TryParse(collection["TextBoxCount"], out inputCount))
            {
                for (int i = 1; i
在Home/Index.cshtml中,通过jquery添加或移除TextBox。
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

    @if (TempData["InputResult"] != null)
    {
        
            @foreach (var item in (List) TempData["InputResult"])
            {
               
  • @item
                }
            

        }

    @using (Html.BeginForm("Index", "Home", FormMethod.Post))
    {
       
            
                
            
            
            @Html.Hidden("TextBoxCount", 1)
            
            
            
       
    }
    @section scripts
    {
       
    }
    以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对知鸟论坛的支持。如果你想了解更多相关内容请查看下面相关链接
  • 回复

    使用道具 举报

    发表于 2023-6-29 16:12:51 | 显示全部楼层
    素色流年783 2023-6-29 16:12:51 看全部
    既然你诚信诚意的推荐了,那我就勉为其难的看看吧!知鸟论坛不走平凡路。
    回复

    使用道具 举报

    发表于 2023-6-29 18:38:40 | 显示全部楼层
    井底燕雀傥 2023-6-29 18:38:40 看全部
    其实我一直觉得楼主的品味不错!呵呵!知鸟论坛太棒了!
    回复

    使用道具 举报

    发表于 2023-6-29 19:06:52 | 显示全部楼层
    丁侦球 2023-6-29 19:06:52 看全部
    论坛不能没有像楼主这样的人才啊!我会一直支持知鸟论坛
    回复

    使用道具 举报

    发表于 2023-6-29 20:25:42 | 显示全部楼层
    向往草原403 2023-6-29 20:25:42 看全部
    感谢楼主的无私分享!要想知鸟论坛好 就靠你我他
    回复

    使用道具 举报

    发表于 2023-6-29 23:32:48 | 显示全部楼层
    123456865 2023-6-29 23:32:48 看全部
    楼主,大恩不言谢了!知鸟论坛是最棒的!
    回复

    使用道具 举报

    发表于 2023-6-30 00:40:44 | 显示全部楼层
    十二音阶囤 2023-6-30 00:40:44 看全部
    楼主发贴辛苦了,谢谢楼主分享!我觉得知鸟论坛是注册对了!
    回复

    使用道具 举报

    发表于 2023-6-30 08:21:19 | 显示全部楼层
    永远就三年疗 2023-6-30 08:21:19 看全部
    楼主发贴辛苦了,谢谢楼主分享!我觉得知鸟论坛是注册对了!
    回复

    使用道具 举报

    发表于 2023-6-30 13:47:51 | 显示全部楼层
    123456809 2023-6-30 13:47:51 看全部
    楼主,大恩不言谢了!知鸟论坛是最棒的!
    回复

    使用道具 举报

    发表于 2023-6-30 15:40:16 | 显示全部楼层
    Gordon520 2023-6-30 15:40:16 看全部
    论坛不能没有像楼主这样的人才啊!我会一直支持知鸟论坛
    回复

    使用道具 举报

    • 您可能感兴趣
    点击右侧快捷回复 【请勿灌水】
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则 返回列表

    RSS订阅| SiteMap| 小黑屋| 知鸟论坛
    联系邮箱E-mail:zniao@foxmail.com
    快速回复 返回顶部 返回列表