在ASP.NET Core MVC中,动态添加行常常用于在表单中动态添加输入字段。但是,在某些情况下,可能会发现这不起作用。这通常是由于模型类中缺少支持新行的属性。
以下是一些示例代码,演示如何通过使用列表和JavaScript在ASP.NET Core MVC中动态添加行:
1.在视图中添加以下编码:
Name
Email
Phone
@for (int i = 0; i < Model.Contacts.Count(); i++)
{
}
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)微信小程...