asp.Net   发布时间:2022-04-07  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了asp.net-mvc – 如何拦截视图渲染以在所有部分视图上添加HTML / JS?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要从一个约会驱动的位置写一个js文件的内容(如〜/ ClientApp / Controllers / Home / Home.js,如果加载位于〜/ Views / Home / Home.cshtml的视图).我该如何做?

例:如果文件〜/ Views / Home / Home.cshtml如下所示:

<div id="some-partial-view">
   <!-- ... -->
</div>

而文件〜/ ClientApp / Controllers / Home / Home.Controller.js看起来像

function HomeController() {
  //some code
}

然后Web服务器返回的渲染视图应该是(如果使用fiddler)

<!--ommitted <html> <body> tags -->

<div id="some-partial-view">
   <!-- ... -->
</div>

<script type="text/javascript">
   function HomeController() {
       //some code
   }
</script>

一种方法是添加一个HTML助手来执行此操作,如:

<div id="some-partial-view" ng:Controller="HomeController">
   <!-- ... -->
</div>
@Html.IncludeController("HomeController")

但是,我不想在所有部分视图中重复.

有任何想法吗?

解决方法

你可以编写自定义视图:
public class MyRazorView : RazorView
{
    public MyRazorView(ControllerContext controllerContext,String viewPath,String layoutPath,bool runViewStartPages,IEnumerable<String> viewStartFileExtensions,IViewPageActivator viewPageActivator)
        : base(controllerContext,viewPath,layoutPath,runViewStartPages,viewStartFileExtensions,viewPageActivator)
    {

    }

    protected override void RenderView(ViewContext viewContext,TextWriter writer,object instancE)
    {
        base.RenderView(viewContext,writer,instancE);

        var view = (BuildManagerCompiledView)viewContext.View;
        var context = viewContext.httpContext;
        var path = context.Server.MapPath(view.ViewPath);
        var viewName = Path.GetFilenameWithoutExtension(path);
        var controller = viewContext.RouteData.GetrequiredString("controller");
        var js = context.Server.MapPath(
            String.Format(
                "~/ClientApp/Controllers/{0}/{0}.{1}.js",viewName,controller
            )
        );
        if (File.Exists(js))
        {
            writer.WriteLine(
                String.Format(
                    "<script type=\"text/javascript\">{0}</script>",File.ReadAllText(js)
                )
            );
        }
    }
}

以及一个自定义视图引擎,当要求部分视图时,它将返回此自定义视图:

public class MyRazorViewENGIne : RazorViewENGIne
{
    protected override IView CreatePartialView(ControllerContext controllerContext,String partialPath)
    {
        return new MyRazorView(
            controllerContext,partialPath,null,false,base.FileExtensions,base.ViewPageActivator
        );
    }
}

这将在Application_Start中注册:

protected void Application_Start()
{
    AreaRegistration.RegisterAllAreas();

    RegisterGlobalFilters(GlobalFilters.Filters);
    RegisterRoutes(RouteTable.Routes);

    ViewENGInes.ENGInes.Clear();
    ViewENGInes.ENGInes.Add(new MyRazorViewENGIne());
}

可能需要调整一些路径,因为在您的问题中,js所在的位置不太清楚,但通常您应该在答案中有足够的详细信息.

大佬总结

以上是大佬教程为你收集整理的asp.net-mvc – 如何拦截视图渲染以在所有部分视图上添加HTML / JS?全部内容,希望文章能够帮你解决asp.net-mvc – 如何拦截视图渲染以在所有部分视图上添加HTML / JS?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。