在MVC中加载view(点开链接)的方式

主要有:

  • Html.ActionLink
  • Html.RenderPartial
  • Html.RenderAction
  • Html.Partial
  • AJAX.ActionLink
  • load
  • 浏览器对象模型 (BOM)(Browser Object Model)

html中

1. Html.ActionLink

比如html代码

@Html.ActionLink("查看", "index", "home",  new { ID="first"}, new { @class="mybutton"})     

查看页面上形成的元素是锚标签。

<a class="mybutton" href="/home/index?id=first">查看</a>

2. Html.RenderPartial与 Html.RenderAction

Html.RenderPartial与Html.RenderAction 这个两个方法都是用于把MVC用户控件嵌入到View中。

Html.RenderPartial是直接将MVC用户控件嵌入到界面上

Html.RenderAction是通过Controller中的Action来调用MVC用户控件

在MVC 2.0中,新增加了Html.RenderAction();这个方法RenderPartial有点不一样,他是直接重新执行一次Controller → Model → View的顺序,然后把产生的页面带回到原来的View中再回传。

所以Html.RenderAction中传递的参数是执行的Controller和Action名称。

若是在控制器中的某个方法只能让Html.RenderAction()调用时,可以在方法上添加特性[ChildActionOnly],其它的地方无法访问。

public class ChildActionOnlyTestController : Controller
{
    [ChildActionOnly]
    public ActionResult GetSupplierList()
    {
        var controller = new SupplierController();
        return controller.SupplierList();
    }
}

3. Html.RenderPartial和Html.Partial

语法上不同

 @Html.Partial 对应  @{Html.RenderPartial(....);}

在Razor中,下面2中写法是等价的:

@Html.Partial("ViewName")

@{Html.RenderPartial("ViewName");  }

使用 Html.Partial, 把Partial View的输出保存到变量中, 但是Html.RenderPartial不行. Html.RenderPartial会在执行的时候,直接把输出写进Response.

两种方法都是不走控制器的,所以传递参数的时候用 ViewDataDictionary

比如说控制器中定义

Person p = new Person()
p = p.Get(ID);
ViewDataDictionary vd = new ViewDataDictionary();
vd.Add("person",p);
vd.Add("id",p.id);
ViedData["id"]= vd;

那么在进入view中的时候

可以在view里的某一处向下一个view直接传递数据,而不用经过控制器

中介view

<div>
  @{Html.RenderPartial("~/views/home/check", ViewData["vd"] as ViewDataDictionary)}
</div>

然后在最终的页面上就可以直接使用 ViewData["person"] 和 ViewData["id"]

@{
  var p  = ViewData["person"] as Person
}
<input type = "text" value="@ViewData["id"]" />

 如果遇到一个主view中嵌套很多partialView的情况,这种方法是比较方便的,因为可以一次性把所有数据都传到主view上,然后在用这种加载的方法依次向下传递

4. Ajax.ActionLink

Ajax 属性的ActionLink方法可以创建一个具有异步行为的锚标签。

ActionLink方法的第一个参数指定了链接文本,第二个参数是要异步调用的操作的名称。类似于同名的HTML辅助方法,AJAX辅助方法ActionLink也提供了各种重载版本,
用来传递控制器名称、路由值和HTML特性。

//使用时先引入 <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script><script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

@Ajax.ActionLink("首页", "Index", "Home", new AjaxOptions() { UpdateTargetId = "body_content",
                                                                HttpMethod = "Post",                                                                                              InsertionMode = InsertionMode.Replace,
                                                                Confirm = " 您确定要删除该记录吗?该操作不可恢复!"  }) 

生成的标签是

<a href="/Home/Index" data-ajax-update="#body_content"
                                    data-ajax-mode="replace"
                                    data-ajax-method="Post"
                                    data-ajax-confirm="您确定要删除该记录吗?该操作不可恢复!"
                                    data-ajax="true"></a>

Confirm我们看到这个属性,获取或设置在请求之前显示在确认窗口中的消息,不难理解我们可以通过这个内容来实现我们alert的消息提示功能。(是不是有种要拜托javascript的感觉呢?其实机制仍然是javascript)

javascript中

load()方法

1. 名为 load 的 jQuery 事件方法。

语法

$(selector).load(function

当指定的元素(及子元素)已加载时,会发生 load() 事件。

该事件适用于任何带有 URL 的元素(比如图像、脚本、框架、内联框架)。

2. 名为 load() 的 jQuery Ajax 方法

load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。

load(url,data,function(response,status,xhr))
$("#table").load("../home/index", { ID: $("#ID").val() }, function () {
           alert("加载完成");
 });
参数 描述
url 规定要将请求发送到哪个 URL。
data 可选。规定连同请求发送到服务器的数据。
function(response,status,xhr)
可选。规定当请求完成时运行的函数。

额外的参数:

  • response - 包含来自请求的结果数据
  • status - 包含请求的状态("success", "notmodified", "error", "timeout" 或 "parsererror")
  • xhr - 包含 XMLHttpRequest 对象

浏览器对象模型 (BOM)

  • window.open(url) - 打开新窗口
  • window.close() - 关闭当前窗口
  • window.moveTo() - 移动当前窗口
  • window.resizeTo() - 调整当前窗口的尺寸
  • window.location.replace(url); 在当前窗口加载新页面
  • window.location.reload();刷新当前窗口
时间: 2024-11-05 21:15:13

在MVC中加载view(点开链接)的方式的相关文章

ASP.NET MVC中加载WebForms用户控件(.ascx)

原文:ASP.NET MVC中加载WebForms用户控件(.ascx) 问题背景 博客园博客中的日历用的是ASP.NET WebForms的日历控件(System.Web.UI.WebControls.Calendar),它会为“上一月”.“下一月”的链接生成"__doPostBack()"的js调用,如下图: 目前发现它会带来两个问题: 1. 不支持IE10: 2. 某些电脑不允许执行__doPostBack. 问题提炼 前提: 我们想以最低的成本解决这个问题,也就是对当前代码尽可

转 Velocity中加载vm文件的三种方式

Velocity中加载vm文件的三种方式 velocitypropertiespath Velocity中加载vm文件的三种方式:   方式一:加载classpath目录下的vm文件 Properties p = new Properties(); p.put("file.resource.loader.class", "org.apache.velocity.runtime.resource.loader.ClasspathResourceLoader"); Ve

Velocity中加载vm文件的三种方式

Velocity中加载vm文件的三种方式: a.  加载classpath目录下的vm文件 Properties p = new Properties(); // 加载classpath目录下的vm文件 // 这里是加载模板VM文件,比如:/META-INF/template/Web_B2CPayment.vm(请参考mas_spring_integration.xml) p.setProperty("file.resource.loader.class", "org.apa

Spring mvc应用 加载静态资源的几种方式

总结几种Spring mvc应用加载静态资源的方式 1.使用服务器的默认Servlet处理 对于不同的服务器,处理静态资源的servlet-name不一样,需要去看服务器具体的配置文件 比如resin-3.1.12,通过查看app-default.xml可以看到默认处理jsp的servlet-name为>resin-jsp 所以可以通过在web.xml中添加静态资源的访问 <servlet-mapping>        <servlet-name>resin-jsp<

在ASP.NET MVC中加载部分视图的方法及差别

在视图里有多种方法可以加载部分视图,包括Partial() .Action().RenderPartial().RenderAction().RenderPage()方法.下面说明一下这些方法的差别. 1. Partial与RenderPartial方法 Partial可以直接输出内容,在内部将html内容转化为String字符(MVCHtmlString),然后缓存起来,最后一次性输出到页面.效率比较低 通常使用RenderPartial代替 2. RenderPartial与RenderAc

关于spring MVC中加载多个validator的方法。

首先讲下什么叫做validator: validator是验证器,可以验证后台接受的数据,对数据做校验. SpringMVC服务器验证有两种方式,一种是基于Validator接口,一种是使用Annotaion JSR-303标准的验证. 1.使用Annotaion JSR-303标准的验证 使用这个需要导入支持JSR-303标准的包,建议使用hibernate Validator这个包,先看这个标准的原生标注: 限制 说明 @Null 限制只能为null @NotNull 限制必须不为null

MVC中Control和View之间数据传递的方式

1:ViewBag和ViewData 具体区别不做讨论,本处只演示ViewData的具体示例: Controler代码:ViewData["Employee"] = emp; View代码: @{ WebApplication1.Models.Employee emp=(WebApplication1.Models.Employee) ViewData["Employee"]; } <b>Employee Details </b><br

javaweb中加载外部文件的三种方式

1.request.getSession().getServletContext().getResourceAsStream("/WEB-INF/classes/a.txt""); / 相对对于项目的根路径 2.getClass().getClassLoader().getResourceAsStream("/a.txt") / 不管有没有'/' 都相对于classpath路径(/WEB-INF/classes/) 3.getClass().getReso

Android中layout.xml文件中加载自定义的View类

<com.bn.summer.GGView3 android:layout_width="100dip" android:layout_height="114dip" android:layout_marginLeft="11dip" /> View类的实现: package com.bn.summer; import android.content.Context; import android.content.res.Resour