当前位置： 移动技术网 > IT编程>开发语言>.net > ViewComponent的一种使用方法

ViewComponent的一种使用方法

2020年03月31日  | 移动技术网IT编程  | 我要评论

高中生炒股,导播网,嘻唰唰 花儿乐队

viewcomponent的一种使用方法

最近在一个自己新建的core项目中想使用html.action(),突然发现这个方法已经没了，下面我按照官网（https://docs.microsoft.com/zh-cn/aspnet/core/mvc/views/view-components?view=aspnetcore-3.1）的例子一种实现方式：

后台代码

   [viewcomponent(name = "admin")] //指定页面调用时的名称
    public class adminviewcomponent : viewcomponent
    {
        public async task<iviewcomponentresult> invokeasync(string action, object json)
        {
           var  objjson = json;
         
             type magictype = this.gettype();
            var magicconstructors = magictype.getmethods();
            var mmm = magicconstructors.firstordefault(o => o.name == action).invoke(this, new object[] { json });
            return (iviewcomponentresult)mmm;
        }
            public iviewcomponentresult viewcomponentdemo(object objjson) 
        {
            var msg = objjson.gettype().getproperty("msg").getvalue(objjson);
            viewbag.msg = msg;
            return view("viewcomponentdemo.cshtml");
            //这里会去查找view/admin/viewcomponentdemo.cshtml具体的执行顺序可以去官网看，官网有具体的。
        }

    }

image-20200330225229915
代码目录应该是这样才对。

前端代码（index.cshtml）

<div class="col-md-12 graphs">
@*这里调用component的invokeasync方法，admin组件名称，后面为参数，这里我为了方便访问定义了一个action的方法参数*@
    @await component.invokeasync("admin", new { json = new { msg = "我这里需要一个viewcomponent" }, action = "viewcomponentdemo" })
    </div>

viewcomponentdemo.cshtml

<p>@viewbag.msg</p>

最终结果

image-20200330225544050

以上就是viewcomponent的一种实现方式，自己使用起来还是较为方便的。

大佬们有好的方法，也不望赐教。

萌新刚刚开始写，若有不正确的，望指教。

有疑问的同学也可以问我，能回答的尽量回答。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网