一个控制器有两个视图

本文关键字：两个 视图 一个 控制器 | 更新日期: 2023-09-27 18:08:02

我目前有一个视图页面，列出用户作为一个画廊与他们的形象，但我也想创建一个视图页面，列出用户的名称。我想使用一个控制器为他们两个，我创建了一个ListView页面，并在原始的View页面中通过图像显示用户-我有一个链接来查看ListView页面。我试着点击链接，但页面没有显示出来。以下是我的内容:

图片查看页面 

 <h2>Users</h2>
<div>
    <a href="~/Views/Users/ListView">Click Here for List view</a>
</div>
<section id="Images">
    <section id="users" data-bind="foreach: Users">
        <div id="nameImage">
            <figure id="content">
                <img width="158" height="158" alt="Gravatar" data-bind="attr:{src: GravatarUrl}"/>
                <figcaption>
                   ...
                </figcaption>
            </figure>
            <p data-bind="text:Name"></p>
        </div>
    </section>
</section>

@section scripts{
@Scripts.Render("~/bundles/user" + ViewBag.Layout.AppVersionForUrls)
<script type="text/javascript">
    (function ($) {
        $.views.User.GetUser('@url');
    })(jQuery);
</script>
}

列表视图页

<div class="accordion-inner">
<div data-bind="foreach: Users">
    <div>
        <img width="158" height="158" alt="Gravatar" data-bind="attr:{src: GravatarUrl}"/>
        <p data-bind="text:Name"></p>
    </div>
</div>


 @section scripts{
    @Scripts.Render("~/bundles/user" + ViewBag.Layout.AppVersionForUrls)
    <script type="text/javascript">
        (function ($) {
            $.views.User.GetUser('@url');
        })(jQuery);
    </script>
    }
控制器

public ActionResult View(int id)
{
    // get the menu from the cache, by Id
    ViewBag.SideBarMenu = SideMenuManager.GetRootMenu(id);
    ViewBag.UserApiURL = "/api/User/" + id.ToString();
    return View(); 
}
public ActionResult ListView(int id)
{
    // get the menu from the cache, by Id
    ViewBag.SideBarMenu = SideMenuManager.GetRootMenu(id);
    ViewBag.RosterApiURL = "/api/User/ListView" + id.ToString();
    return View();
}

一个控制器有两个视图

MVC中的概念是，您永远不会链接到视图，而是链接到控制器中的操作，然后决定(基于传递的参数)应该呈现哪个视图和使用什么模型。如果你的控制器名为UsersController 

<a href="~/Views/Users/ListView">Click Here for List view</a>

行应该是:

<a href="/Users/ListView">Click Here for List view</a>

或者更好的

@Html.ActionLink("ListView")
相关文章：