MVC通过PartialView部分加载刷新页面

1. 新建一个TaskBoardDetail.cshtml，内容如下：（主要是显示自己需要的数据）

@{int i = 0;
}
@foreach(var item in ViewBag.DataList)
{<div style="float:left;background-color:#e8e2e2;border:3px solid black;">@foreach (var it in item){<p style="background-color:#15d32b">@it.functionName</p><br />}</div>i++;
}

2.在HomeController.cs中添加获取数据的 TaskBoardDetail方法，可带参数可不带，根据自己的需要

[HttpPost]public ActionResult TaskBoardDetail(string value){try{IEnumerable<IGrouping<string, TaskDetail>> taskGroup = list.GroupBy(p => p.projectName);foreach (var item in taskGroup){if (value==item.Key){List<TaskDetail> list2= item.ToList();var query = from p in list2 orderby p.priority select p;//按优先级排序list2 = query.ToList();IEnumerable<IGrouping<string, TaskDetail>> taskGroup2 = list2.GroupBy(p => p.group);ViewBag.DataList = taskGroup2;break;}}return PartialView("TaskBoardDetail");}catch (Exception exp){throw exp;}}

其中TaskDetail是我自定义的类。此函数的主要目的就是给ViewBag.DataList赋值，并return PartialView("TaskBoardDetail");

3.我是要在Index页面点击按钮，刷新加载TaskBoardDetail内容。放置一个div用于承接TaskBoardDetail内容。

<div><input type="button" οnclick="BtnClick()" value="确定"></div><div id="Selector"></div>

脚本如下：

<script type="text/javascript" language="javascript">        $(document).ready(function () {$("input[type='button']").click(function () {$.ajax({url: "Home/TaskBoardDetail",type: "Post",data: { "value": $(this).val()},success: function (data) {$("#Selector").html(data);},error: function (XMLHttpRequest, textStatus, errorThrown) {alert("加载失败：" + errorThrown);}});});});</script>

OK！加载刷新页面成功。

MVC通过PartialView部分加载刷新页面相关推荐

在javascript中重新加载/刷新页面的不同方法
使用历史记录对象我们可以使用浏览器历史记录方法刷新当前页面..go() <input type="button" value = "Refresh" o ...
js刷新页面得重新加载和页面的刷新
1.reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里 ...
javascript实现页面的重新加载和页面的刷新
1.reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里 ...
el-table懒加载刷新
el-table 懒加载刷新问题问题列表查询是用element-ui的table组件实现的,数据之间有层级显示,默认只查询显示一级数据,子级数据需要通过load懒加载来查询.由此引发的问题,比如用 ...
关于一加载jsp页面就跳转到servlet获取数据然后再跳回jsp页面的问题
下面来说我遇到的问题: 上一篇文章中写的是jsp+javabean实现商品分页浏览,即model1的开发模式,现在要改为 jsp+sevlet+javabean 即model2了之前在jsp处 ...
webview 加载php页面内容,WebView加载优化的方法介绍
本篇文章给大家带来的内容是关于WebView加载优化的方法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. WebView加载优化当WebView的使用频率变得频繁的时候,对于其 ...
分享下自己写的一个微信小程序请求远程数据加载到页面的代码
分享下自己写的一个微信小程序请求远程数据加载到页面的代码 1 思路整理就是页面加载完毕的时候请求远程接口,然后把数据赋值给页面的变量 ,然后列表循环 2 js相关代码我是改的 onload ...
WebView通过loadDataWithBaseURL加载本地页面卡死
最近开发遇到一个使用 Android WebView加载本地页面进度条始终卡在20%左右不动的情况.打 Log.抓包发现卡在 WebView对象调用 loadDataWithBaseURL方法. 去网 ...
浏览器的加载与页面性能优化
浏览器的加载与页面性能优化 Javascript 异步加载详解 HTML5 <script>元素async,defer异步加载 defer/async都是异步加载js,和HTML并行加载不 ...

MVC通过PartialView部分加载刷新页面

MVC通过PartialView部分加载刷新页面相关推荐

最新文章

热门文章