视频如果觉得不够清晰,可以在视频的右下角选择高清模式。 (键盘左右键可以切换上下课时)
补充一下ASP.NET MVC的一个加载部分视图的一个Result,前面我们简单介绍过PartialViewResult,读者可以访问我们前面的课程 第34课:Action的理解-RedirectResult JavaScript PartialViewResult,我们通常我们在action里面可以返回一个ViewResult,那么其实MVC还提供一个允许我们返回HTML的一部分标签的一个Result,那么它就是PartialViewResult ,主要是用来解析一部分的视图。
我们现在来做一下这个功能,现在有一个表单,根据用户选择的不同省份,然后现在不同省份下面的这个市的一个选择。
1首先我们写一个radio,只能单选的
<input type="radio" value="bj"/>北京
<input type="radio" value="tj"/>浙江
<input type="radio" value="tj"/>广东
<input type="radio" value="tj" />江苏 然后我们创建几个部分视图 在shard目录下面创建_BJ.cshtml _GD.cshtml _JS.cshtml _ZJ.cshtml,它们都是部分视图
然后我们给radio注册一个点击事件,点击的时候得到radio的type
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script>
$(function () {
$("input[type='radio']").click(function () {
var value = $("input[type='radio']:checked").val();
});
});
</script> 2然后使用jquery的ajax的请求,返回html代码,传递一个name的参数过去
$.ajax({
type: "GET",
url: "/home/province",
dataType: "html",
data: "name=" + value,
beforeSend: function (XMLHttpRequest) {
$("#city").text("正在查询...");
},
success: function (html) {
$("#city").html(html);
},
complete: function (XMLHttpRequest, textStatus) {
//隐藏正在查询图片
},
error: function () {
//错误处理
$("#city").text("出错了...");
}
}); 然后我们去实现这个部分视图PartialViewResult 这个,我们在ACTION里面 要判断参数,如果参数不是那几个的话,那么就返回一个错误页的视图
public PartialViewResult Province(string name)
{
if (name!="_JS"&& name != "_GD"&& name != "_BJ"&& name != "_ZJ")
{
return PartialView("_Error");//不能返回View 因为View是一个完整的html
}
return PartialView(name);
} 每个部分视图给不同html代码,也可以查找数据库,读取不同的市出来,然后渲染这个视图,我们可以给不同的部分视图不同的数据,不同的部分视图可以是不一样@model List<string>
<span>广东下面的市</span>
<ul>
@for (int i = 0; i < Model.Count; i++)
{
<li>@Model[i]</li>
}
</ul> 3下面是部分视图的actionpublic PartialViewResult Province(string name)
{
if (name!="_JS"&& name != "_GD" && name != "_BJ" && name != "_ZJ")
{
return PartialView("_Error");//不能返回View 因为View是一个完整的html
}
if (name == "_GD")
{
var data = new List<string>();
data.Add("广州");
data.Add("深圳");
ViewBag.Title = "北盟网校";
return PartialView(name,data);
}
return PartialView(name);
}
参考
在asp.net mvc中使用PartialView返回部分HTML段
PartialViewResult不鸟_ViewStart.cshtml
PartialViewResult 类
课时列表
00:15:54
00:23:14
00:12:03
00:15:17
00:06:18
00:27:21
00:13:14
00:16:13
00:05:22
00:08:19
00:11:28
00:14:17
00:08:07
00:10:46
00:09:45
00:22:12
00:09:57
00:20:31
00:15:48
00:10:16
00:16:56
00:17:46
00:10:52
00:03:43
00:03:42
00:14:02
00:05:08
00:05:16
00:07:58
00:06:03
00:02:26
00:06:33
00:21:39
00:14:49
00:11:33
00:10:44
00:14:55
00:13:18
00:31:14
00:14:44
00:09:37
00:17:33
00:58:49
00:43:59
00:14:14
00:45:10