【问题标题】:How to pass parameters from specific view to _Layout.cshtml?如何将参数从特定视图传递到 _Layout.cshtml?
【发布时间】:2023-01-03 10:46:04
【问题描述】:

我有一个工具站点,站点布局如下所示。黑色方块有主要内容,当你现在转到特定工具时,我想在右侧显示相关工具。

现在为了避免在每个页面上出现 Col-md 重复,我这样安排了布局页面

  <div class="container">
        <div class="row">
            <div class="col-md-7">
                <main role="main" class="pb-3">
                    @RenderBody()
                </main>
            </div>
            <div class="col-md-5">
                //Related tools widget
            </div>
        </div>

所以在上面的代码中,我想显示这个相关的工具小部件。但是有一个条件。当您转到特定工具时,该特定工具不应显示在该小部件中。所以我创建了一个局部视图,现在我不知道在哪里调用它。

如何实现? 我的结构没问题吗?除了在布局上使用 col-md 之外,我应该在如下所示的特定视图上使用它们吗?

  <div class="row">
            <div class="col-md-7">
               //Content goes here
            </div>
            <div class="col-md-5">
               @RenderSection("RelatedTools", required:true)
            </div>
        </div>

【问题讨论】:

    标签: asp.net-core layout partial-views


    【解决方案1】:

    由于您使用了@RenderSection("RelatedTools", required:true),您需要在每个视图中添加@section RelatedTools {}

    布局:

    <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <main role="main" class="pb-3">
                        @RenderBody()
                    </main>
                </div>
                <div class="col-md-5">
                    @RenderSection("RelatedTools", required:true)
                </div>
            </div>
           
        </div>
     
    

    看法:

    <div class="text-center">
        <h1 class="display-4">Welcome</h1>
        <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
    </div>
    
    @section RelatedTools {
        <div><h1>RelatedTools</h1></div>
    }
    

    这样@section RelatedTools中的html将在右侧,@section RelatedTools之外的html将在左侧。

    结果:

    【讨论】:

      猜你喜欢
      • 2016-12-15
      • 2019-08-25
      • 1970-01-01
      • 2018-07-10
      • 1970-01-01
      • 1970-01-01
      • 2017-05-12
      • 1970-01-01
      相关资源
      最近更新 更多