ASP.NET MVC3调用分部视图-PartialView的几种方式(集)

2024-02-09 08:38

本文主要是介绍ASP.NET MVC3调用分部视图-PartialView的几种方式(集),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

我们的网页通常会有好几个部分组成,一些公共的区域我们通常会做成PartialView(部分视图),但这些视图并不是完全固定的,所以还是需要
特定的Controller来控制。如果只是静态的html,虽然也可以做成PartialView,但意义不大。下面演示一下MVC3中如何调用 PartialView。
首先我们创建一个测试用的Controller:
TestController
public class TestController : Controller
{
    public ActionResult Message()
    {
        var testObj = new List<string>()
        {
            "aaa", "bbb", "ccc"
        };
        return PartialView("Message", testObj);
    }
}
里面就一个Action方法,Message(),返回的是一个名为“Message”的PartialView,并且把一管字符串作为参数传给了这个View。
通常,我们创建了Controller后,会点右键,添加一个View。VS会默认在Views文件夹里建立对应的view文件,这个例子里本应该
是“Test/Message.cshtml”。但对于partialView,我们不这样做。因为它是一个可重用的View,所以应该放到Shared 文件夹下。
MVC是“约定先行”的编程,所以默认会去找Shared文件夹下的View以及当前页面所在Controller下的View。
所以我们得在Shared文件夹上点右键,添加一个View,并且选择“Create as a Partial View”,这样就不会添加layout等代码,是个完全空白的view。
然后,我们要根据Action的返回类型,做一些html的工作。这里是简单输出了List<string>中的每个字符串。
Message.cshtml
@model List<string>
<ul>
@foreach (var item in Model)
{
    <li>@item</li>
}
</ul>
最后,我们在别的视图里就可以调用这个PartialView了。
一种方法是指定Controller和Action:
<h3>Call Html.Action</h3>
@Html.Action("Message", "Test")
但Controller和Action不是必须的,你也可以新建一个对象传给PartialView:
<h3>Call Html.Partial</h3>
@Html.Partial("Message", new List<string> { "ccc", "ddd", "eee" })
注:Html.Action("Message", "Test")  @Html.Partial("Message", new List<string> { "ccc", "ddd", "eee" }) 
Html.Partial("Message", new List<string> { "ccc", "ddd", "eee" }) 约定在调用的View所在的文件夹找,或到Shared文件夹找……View的文件
还有一种比较常见的情况就是脚本请求,下面的代码就是通过JQuery去调用Test/Message,并把结果填充到ID为fuck的DIV中:
<h3>Use JQuery</h3>
<a href="javascript:;" οnclick="loadFuck()">Invoke LoadPartial</a>
<div id="fuck">
</div>
<script type="text/javascript">
    function loadFuck() {
        $("#fuck").load('/Test/Message');
    }
</script>

这篇关于ASP.NET MVC3调用分部视图-PartialView的几种方式(集)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/693727

相关文章

Java枚举类实现Key-Value映射的多种实现方式

《Java枚举类实现Key-Value映射的多种实现方式》在Java开发中,枚举(Enum)是一种特殊的类,本文将详细介绍Java枚举类实现key-value映射的多种方式,有需要的小伙伴可以根据需要... 目录前言一、基础实现方式1.1 为枚举添加属性和构造方法二、http://www.cppcns.co

使用Sentinel自定义返回和实现区分来源方式

《使用Sentinel自定义返回和实现区分来源方式》:本文主要介绍使用Sentinel自定义返回和实现区分来源方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Sentinel自定义返回和实现区分来源1. 自定义错误返回2. 实现区分来源总结Sentinel自定

Springboot处理跨域的实现方式(附Demo)

《Springboot处理跨域的实现方式(附Demo)》:本文主要介绍Springboot处理跨域的实现方式(附Demo),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录Springboot处理跨域的方式1. 基本知识2. @CrossOrigin3. 全局跨域设置4.

springboot security使用jwt认证方式

《springbootsecurity使用jwt认证方式》:本文主要介绍springbootsecurity使用jwt认证方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录前言代码示例依赖定义mapper定义用户信息的实体beansecurity相关的类提供登录接口测试提供一

springboot security之前后端分离配置方式

《springbootsecurity之前后端分离配置方式》:本文主要介绍springbootsecurity之前后端分离配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的... 目录前言自定义配置认证失败自定义处理登录相关接口匿名访问前置文章总结前言spring boot secu

SpringBoot中封装Cors自动配置方式

《SpringBoot中封装Cors自动配置方式》:本文主要介绍SpringBoot中封装Cors自动配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot封装Cors自动配置背景实现步骤1. 创建 GlobalCorsProperties

Flutter打包APK的几种方式小结

《Flutter打包APK的几种方式小结》Flutter打包不同于RN,Flutter可以在AndroidStudio里编写Flutter代码并最终打包为APK,本篇主要阐述涉及到的几种打包方式,通... 目录前言1. android原生打包APK方式2. Flutter通过原生工程打包方式3. Futte

MySQL INSERT语句实现当记录不存在时插入的几种方法

《MySQLINSERT语句实现当记录不存在时插入的几种方法》MySQL的INSERT语句是用于向数据库表中插入新记录的关键命令,下面:本文主要介绍MySQLINSERT语句实现当记录不存在时... 目录使用 INSERT IGNORE使用 ON DUPLICATE KEY UPDATE使用 REPLACE

在C#中调用Python代码的两种实现方式

《在C#中调用Python代码的两种实现方式》:本文主要介绍在C#中调用Python代码的两种实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录C#调用python代码的方式1. 使用 Python.NET2. 使用外部进程调用 Python 脚本总结C#调

Vue中组件之间传值的六种方式(完整版)

《Vue中组件之间传值的六种方式(完整版)》组件是vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用,针对不同的使用场景,如何选择行之有效的通信方式... 目录前言方法一、props/$emit1.父组件向子组件传值2.子组件向父组件传值(通过事件形式)方