ASP.. NET MVC引导选项卡单击控制器动作问题

Question

问题:在引导选项卡面板中，我们如何在相应的选项卡内容区域显示MVC视图页面?

详细信息:以下示例(取自这里)在我的ASP中工作良好。. NET MVC核心项目。但是，使用anchor tag helper，我想在用户单击选项卡时调用一个动作方法;当我这样做时，我得到以下错误。例如，当我在标签Menu 1中使用asp-controller和asp-action属性时，我得到这个错误，如下所示。我知道错误与href属性有关，该属性与相应的选项卡内容相关。是否有一个解决方案，让我们仍然可以调用一个操作方法，当一个选项卡被点击?:

误差

:

Cannot override the 'href' attribute for <a> .

错误在这行: <li><a data-toggle="tab" href="#menu1" asp-controller="myController asp-action="myAction">Menu 1</a></li>

如果没有使用锚标记帮助器，下面的工作:

<div class="container">
  <h2>Dynamic Tabs</h2>
  <ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
    <li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
    <li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
    <li><a data-toggle="tab" href="#menu3">Menu 3</a></li>
  </ul>
  <div class="tab-content">
    <div id="home" class="tab-pane fade in active">
      <h3>HOME</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
    <div id="menu1" class="tab-pane fade">
      <h3>Menu 1</h3>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div id="menu2" class="tab-pane fade">
      <h3>Menu 2</h3>
      <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
    </div>
    <div id="menu3" class="tab-pane fade">
      <h3>Menu 3</h3>
      <p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
    </div>
  </div>
</div>

Answer 1

您需要做的是在所需的选项卡内容中调用@Html.RenderAction()。保留href不变，其目的只是显示基于制表符id的相应制表符。

参见下面的问题:在ASP中为部分视图创建控制器。. NET MVC