ASP.NET Core Razor Pages在AJAX POST后更新嵌套HTML表的局部视图
创始人
2024-09-15 11:00:43
0

以下是使用ASP.NET Core Razor Pages在AJAX POST后更新嵌套HTML表的局部视图的解决方法的代码示例:

  1. 创建一个Razor页面(例如Index.cshtml):
@page
@model IndexModel

@foreach (var item in Model.Users) { }
Name Email
@item.Name @item.Email
  1. 创建一个模型(例如Index.cshtml.cs):
using System.Collections.Generic;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;

public class IndexModel : PageModel
{
    public List Users { get; set; }

    public void OnGet()
    {
        Users = new List
        {
            new User { Name = "John", Email = "john@example.com" },
            new User { Name = "Jane", Email = "jane@example.com" }
        };
    }

    public PartialViewResult OnPostAddUser()
    {
        Users.Add(new User { Name = "New User", Email = "newuser@example.com" });
        return Partial("_NestedTable", Users);
    }
}

public class User
{
    public string Name { get; set; }
    public string Email { get; set; }
}
  1. 创建一个局部视图(例如_NestedTable.cshtml):
@model List


        @foreach (var item in Model)
        {
            
        }
    
Name Email
@item.Name @item.Email

通过点击"Add User"按钮,将会发起一个AJAX POST请求,在服务器端添加一个新用户,并返回更新后的局部视图,然后使用jQuery将更新后的局部视图替换掉原来的表格。

相关内容

热门资讯

关于!wepoker辅助透视软... 关于!wepoker辅助透视软件,大菠萝789辅助器下载,本来是有挂(有挂秘笈)一、wepoker辅...
分享一款!aapoker万能辅... 分享一款!aapoker万能辅助器,wepoker有插件吗,其实是有挂(的确有挂)1、在插件功能辅助...
新手必备!德普之星辅助工具如何... 新手必备!德普之星辅助工具如何设置,wepoker钻石怎么看底牌,原来是有挂(有挂分享)1、免费脚本...
来一盘!德州透视竞技联盟,po... 来一盘!德州透视竞技联盟,pokerworld辅助器,一直是有挂(有人有挂)1、来一盘!德州透视竞技...
指导大家!wejoker辅助脚... 指导大家!wejoker辅助脚本,wepokerplus透视脚本免费,原来真的是有挂(有挂攻略)1、...
科技分享!poker worl... 科技分享!poker world辅助,红龙poker辅助工具,都是真的是有挂(有挂细节)1、实时透视...
普及知识!wepoker如何设... 普及知识!wepoker如何设置透视,wepoker智能辅助插件,一直真的有挂(今日头条)1、该软件...
玩家必用!hhpoker辅助器... 玩家必用!hhpoker辅助器视频,wepoker怎么增加运气,果然是有挂(确实有挂)破解侠是真的助...
科技介绍!德普之星透视辅助插件... 科技介绍!德普之星透视辅助插件,wepoker私人局辅助挂,总是有挂(有挂秘笈)1、起透看视 辅助软...
攻略讲解!来玩app破解版,p... 攻略讲解!来玩app破解版,pokerworld辅助器,确实是有挂(有挂透视)1、起透看视 辅助软件...