ASP.NETCoreMVC动态添加行不起作用。
创始人
2024-09-18 00:30:48
0

在ASP.NET Core MVC中,动态添加行常常用于在表单中动态添加输入字段。但是,在某些情况下,可能会发现这不起作用。这通常是由于模型类中缺少支持新行的属性。

以下是一些示例代码,演示如何通过使用列表和JavaScript在ASP.NET Core MVC中动态添加行:

1.在视图中添加以下编码:

@for (int i = 0; i < Model.Contacts.Count(); i++) { }
Name Email Phone

2.在JavaScript文件中添加以下代码:

$(document).ready(function() {
  $('#addRow').click(function() {
    var index = $('#myTable tbody tr').length;
    $.get("/Controller/AddRow?index=" + index, function(data) {
      $('#myTable tbody').append(data);
    });
  });
});

3.在控制器类中添加以下方法:

[HttpGet]
public IActionResult AddRow(int index)
{
  ViewData.TemplateInfo.HtmlFieldPrefix = $"Contacts[{index}]";
  return PartialView("_ContactRowPartial", new ContactViewModel());
}

4.在视图文件夹中添加以下视图:

@model Contoso.Models.ContactViewModel


  

相关内容

热门资讯

重大通报!扑克世界辅助软件,雀... 重大通报!扑克世界辅助软件,雀神辅助器可靠吗,决胜麻将软挂神器(有挂方法)1、下载好决胜麻将软挂神器...
玩家必看科普!来玩德州app有... 玩家必看科普!来玩德州app有挂,雀神小程序胜率调整的具体方法,手机好友赣南麻将到底有没有挂(有挂脚...
最新技巧!aa扑克发牌机制,广... 最新技巧!aa扑克发牌机制,广东雀神智能辅助软件安装,胡乐麻将专用赢牌工具(有挂攻略);1、全新机制...
我来向大家传授!微扑克辅助器是... 我来向大家传授!微扑克辅助器是骗人,雀神广东麻雀小程序怎么赢,九九麻将软挂神器(有挂详情)1、进入游...
解密关于!we poke有挂,... 解密关于!we poke有挂,雀神广东手机麻将玩法怎么设置,九点麻将这个app有挂吗(有挂揭秘)1、...
一分钟教会你!wpk发牌机制,... 一分钟教会你!wpk发牌机制,雀神外挂怎么开,掌酷十三张脚本(有挂解说)掌酷十三张脚本是一种具有地方...
攻略讲解!德州之星辅助可以用,... 攻略讲解!德州之星辅助可以用,雀神小程序能开挂吗,荔枝竞技外 挂什么样的(有挂教程)1、荔枝竞技外 ...
科技分享!fishpoker正... 科技分享!fishpoker正规,雀神广东麻将好友方法怎么赢牌,陕西麻将手机版助赢神器(有挂工具);...
科技揭秘!wpk免费的俱乐部,... 科技揭秘!wpk免费的俱乐部,雀神辅助器安卓版,jj斗地主有脚本吗(有挂技巧)雀神辅助器安卓版辅助器...
重大通报!微扑克辅助软件查得出... 重大通报!微扑克辅助软件查得出来,全民雀神怎么开挂,微信小程序赣牌圈有挂么(有挂揭秘);1)微信小程...