欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP.NET MVC3 学习笔记----HTML.Action()和HTML.RenderAction()

程序员文章站 2022-05-06 22:53:28
html.action()和html.renderaction()类似于html.partial()和html.renderpartial()辅助方法。partial辅助方法通常在单独的文件中应用视...

html.action()和html.renderaction()类似于html.partial()和html.renderpartial()辅助方法。partial辅助方法通常在单独的文件中应用视图标记来帮助视图渲染视图模型的一部分。另一方面,action是执行单独的控制器操作并显示结果。action提供了更多的灵活性和重用性,因为控制器操作可以建立不同的模型,可以利用单独的控制器上下文。

示例目的,生成一个菜单

menu models,

 

[csharp] 
public class menu 
    { 
        public list<menuitem> items { get; set; } 
    } 
 
    public class menuitem 
    { 
        public string text { get; set; } 
        public string url { get; set; } 
    } 
 

在controler中编写该action,

[csharp] 
[childactiononly] 
        public actionresult mymenu() 
        { 
            mlearn.models.menu m = new mvclearn.models.menu(); 
            list<mvclearn.models.menuitem> items = new list<menuitem>(); 
            items.add( new menuitem(){ text = "baidu", url = "https://www.baidu.com"}); 
            items.add(new menuitem() { text = "sina", url = "https://www.sina.com" }); 
            items.add(new menuitem() { text = "ibm", url = "https://www.ibm.com" }); 
            items.add(new menuitem() { text = "sohu", url = "https://www.sohu.com" }); 
            m.items = items; 
            return partialview(m); 
        } 


建立一个partialview - mymenu.cshtml

[csharp] 
@model mvclearn.models.menu 
<ul> 
    @foreach(var item in model.items) 
    { 
        <li><a href="@item.url">@item.text</a></li> 
    } 
</ul> 

在页面中调用该action生成视图:

[csharp] 
@html.action("mymenu") 

 action和partialview的名字要一样,这里都是mymenu

 

以下是向action传递参数的版本:

修改action让它可以接受一个menuitem参数,如果不为空的话,将其加入到菜单中

[csharp] 
[childactiononly] 
        public actionresult mymenu(menuitem mi) 
        { 
            mvclearn.models.menu m = new mvclearn.models.menu(); 
            list<mvclearn.models.menuitem> items = new list<menuitem>(); 
            items.add( new menuitem(){ text = "baidu", url = "https://www.baidu.com"}); 
            items.add(new menuitem() { text = "sina", url = "https://www.sina.com" }); 
            items.add(new menuitem() { text = "ibm", url = "https://www.ibm.com" }); 
            items.add(new menuitem() { text = "sohu", url = "https://www.sohu.com" }); 
            m.items = items; 
            // 这里,如果传入的参数不为空,则将item加入到菜单中 
            if(mi!=null) 
                m.items.add(mi); 
            return partialview(m); 
        } 

 

在前台调用的时候要传入参数进去:

[csharp] 
@html.action("mymenu", new { mi= new mvclearn.models.menuitem(){ text = "haha", url =<a href="https://www.ms.com">https://www.ms.com</a>}}) 
作者:diandian82