ASPNetCoreMVC通过JqueryPopUpModal添加/编辑后刷新部分视图
创始人
2024-09-20 08:32:01
0
  1. 创建一个Partial View,用于显示需要刷新的部分数据。
  2. 在主视图中使用Ajax向控制器发送请求来更新部分视图。
  3. 在Jquery PopUp Modal中添加保存按钮和取消按钮,分别用于保存和取消操作。
  4. 使用Jquery发送Ajax请求将数据传递到控制器中进行保存,并在成功之后关闭弹出框。
  5. 在控制器中获取更新后的数据,并将数据作为Partial View的Model返回到视图中。
  6. 在Ajax成功的回调函数中使用更新后的数据更新Partial View中的内容。

以下是示例代码:

  1. 创建Partial View:
// Partial View中需要渲染的内容
@model YourProject.Models.YourModel

...
  1. 在主视图中使用Ajax更新部分视图:
// 获取部分视图
@{ Html.RenderAction("YourPartialViewAction", "YourController"); }
// 更新部分视图
  1. 在Jquery PopUp Modal中添加按钮:
...
  1. 使用Jquery发送Ajax请求保存数据: