- 创建一个Partial View,用于显示需要刷新的部分数据。
- 在主视图中使用Ajax向控制器发送请求来更新部分视图。
- 在Jquery PopUp Modal中添加保存按钮和取消按钮,分别用于保存和取消操作。
- 使用Jquery发送Ajax请求将数据传递到控制器中进行保存,并在成功之后关闭弹出框。
- 在控制器中获取更新后的数据,并将数据作为Partial View的Model返回到视图中。
- 在Ajax成功的回调函数中使用更新后的数据更新Partial View中的内容。
以下是示例代码:
- 创建Partial View:
// Partial View中需要渲染的内容
@model YourProject.Models.YourModel
...
- 在主视图中使用Ajax更新部分视图:
// 获取部分视图
@{
Html.RenderAction("YourPartialViewAction", "YourController");
}
// 更新部分视图
- 在Jquery PopUp Modal中添加按钮:
...
- 使用Jquery发送Ajax请求保存数据: