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

相关文章

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

HTTP 与 SpringBoot 参数提交与接收协议方式

《HTTP与SpringBoot参数提交与接收协议方式》HTTP参数提交方式包括URL查询、表单、JSON/XML、路径变量、头部、Cookie、GraphQL、WebSocket和SSE,依据... 目录HTTP 协议支持多种参数提交方式,主要取决于请求方法(Method)和内容类型(Content-Ty

使用shardingsphere实现mysql数据库分片方式

《使用shardingsphere实现mysql数据库分片方式》本文介绍如何使用ShardingSphere-JDBC在SpringBoot中实现MySQL水平分库,涵盖分片策略、路由算法及零侵入配置... 目录一、ShardingSphere 简介1.1 对比1.2 核心概念1.3 Sharding-Sp

Spring创建Bean的八种主要方式详解

《Spring创建Bean的八种主要方式详解》Spring(尤其是SpringBoot)提供了多种方式来让容器创建和管理Bean,@Component、@Configuration+@Bean、@En... 目录引言一、Spring 创建 Bean 的 8 种主要方式1. @Component 及其衍生注解

python中的显式声明类型参数使用方式

《python中的显式声明类型参数使用方式》文章探讨了Python3.10+版本中类型注解的使用,指出FastAPI官方示例强调显式声明参数类型,通过|操作符替代Union/Optional,可提升代... 目录背景python函数显式声明的类型汇总基本类型集合类型Optional and Union(py

Linux系统管理与进程任务管理方式

《Linux系统管理与进程任务管理方式》本文系统讲解Linux管理核心技能,涵盖引导流程、服务控制(Systemd与GRUB2)、进程管理(前台/后台运行、工具使用)、计划任务(at/cron)及常用... 目录引言一、linux系统引导过程与服务控制1.1 系统引导的五个关键阶段1.2 GRUB2的进化优

Java调用Python脚本实现HelloWorld的示例详解

《Java调用Python脚本实现HelloWorld的示例详解》作为程序员,我们经常会遇到需要在Java项目中调用Python脚本的场景,下面我们来看看如何从基础到进阶,一步步实现Java与Pyth... 目录一、环境准备二、基础调用:使用 Runtime.exec()2.1 实现步骤2.2 代码解析三、

IDEA与MyEclipse代码量统计方式

《IDEA与MyEclipse代码量统计方式》文章介绍在项目中不安装第三方工具统计代码行数的方法,分别说明MyEclipse通过正则搜索(排除空行和注释)及IDEA使用Statistic插件或调整搜索... 目录项目场景MyEclipse代码量统计IDEA代码量统计总结项目场景在项目中,有时候我们需要统计

C#和Unity中的中介者模式使用方式

《C#和Unity中的中介者模式使用方式》中介者模式通过中介者封装对象交互,降低耦合度,集中控制逻辑,适用于复杂系统组件交互场景,C#中可用事件、委托或MediatR实现,提升可维护性与灵活性... 目录C#中的中介者模式详解一、中介者模式的基本概念1. 定义2. 组成要素3. 模式结构二、中介者模式的特点

详解Java中三种状态机实现方式来优雅消灭 if-else 嵌套

《详解Java中三种状态机实现方式来优雅消灭if-else嵌套》这篇文章主要为大家详细介绍了Java中三种状态机实现方式从而优雅消灭if-else嵌套,文中的示例代码讲解详细,感兴趣的小伙伴可以跟... 目录1. 前言2. 复现传统if-else实现的业务场景问题3. 用状态机模式改造3.1 定义状态接口3