@ Html.Partial вызывает ошибки типа - PullRequest
Новая
       2

@ Html.Partial вызывает ошибки типа

0 голосов
/ 20 декабря 2018

У меня есть файл .cshtml, который должен отображать другой файл .cshtml (меню).Это меню использует модель, чтобы решить, какие опции показывать.Когда я вызываю из основного файла .cshtml для отображения меню, он не может сказать, что существуют недопустимые типы.Это сообщение об ошибке: 

System.InvalidOperationException: 'The model item passed into the dictionary is of type 'System.Collections.Generic.List`1[XXXXX.ScheduleItem]', but this dictionary requires a model item of type 'XXXXXX.Models.MenuItemsViewModel'.'

Я попробовал некоторые решения здесь: Элемент модели, переданный в словарь, имеет тип .., но для этого словаря требуется элемент модели типа

Я пытался использовать 

@Html.Partial("Menu", new MenuItemsViewModel())

, который работает, но создает новую модель ViewModel, не вызывая мой метод для чтения из моей базы данных.У меня есть файл Index.cshtml, где я устанавливаю значение, но здесь все, что я хочу сделать, это прочитать его из моей базы данных.Я также попытался определить метод «GetViewModel» в MenuItemsController, создать новый экземпляр и вызвать этот метод.Это работает, но чувствует себя немного странно: @Html.Partial("Menu", new MenuItemsBackofficeController().GetViewModel())

@using System.Web.Mvc.Html
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

    <link rel="stylesheet" type="text/css" href="~/Styles/fonts.css" />
    <link rel="stylesheet" type="text/css" href="~/Styles/style.css" />

    <title>@ViewBag.Title -</title>
</head>
<body>
    @Html.Partial("Menu", new MenuItemsViewModel())
    <header>
        <div class="logo text-center">
            <img src="~/Content/logo.png" />
        </div>
    </header>
    <div>
        @RenderBody()
    </div>
</body>




@model XXXX.Models.MenuItemsViewModel

@if (User.Identity.IsAuthenticated)
{
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark custom-menu">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span> Meny
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">

                @if (Model.Schedule)
                {
                    <li class="nav-item"><a class="nav-link" href="@Url.Action("Schedule", "Home")">Schema</a></li>
                }
            </ul>
        </div>
    </nav>
    }

Чтобы прочитать модель из базы данных и заполнить модель.Нужно ли создавать новый контроллер для меню, чтобы добиться этого?

Ответы [ 3 ]

0 голосов
/ 20 декабря 2018

Я бы использовал @ Html.Action для этого (я обновляю код Приянка Панчаля): 

public ActionResult GetMenu()
{
    //Populate your MenuItemsViewModel from database here
    MenuItemsViewModel menuItems = DB.GetMenuItems(); //Assuming GetMenuItems() is method which returns an object of type MenuItemsViewModel from database
    return PartialView("Menu", menuItems);
}

И в представлении вместо: 

@Html.Partial("Menu", menuItems)

Использованиеследующее: 

@Html.Action("GetMenu", "YourController")

Надеюсь, это поможет!

0 голосов
/ 20 декабря 2018

Вы хотите вызвать контроллер из своего представления, чтобы (а) получить значения из базы данных и (б) отобразить их в частичном представлении вашего меню, чтобы ...

Контроллер: 

public ActionResult Menu() {
    //get stuff from the db 

    return PartialView(menuModel);  //this would be the partial view for your menu
}

Вид 'main': 

<head>
...
</head>
<body>
    @{ Html.RenderAction("Menu", "YourController"); }
    <header>
        <div class="logo text-center">
            <img src="~/Content/logo.png" />
        </div>
    </header>
    <div>
        @RenderBody()
    </div>
</body>

EDIT: откорректирован для отображения в исходном фрагменте кода ...

0 голосов
/ 20 декабря 2018

Вам нужно будет передать значение MenuItemsViewModel из контроллера в это представление. 

public ActionResult Index()
{
    //Populate your MenuItemsViewModel from database here
    MenuItemsViewModel menuItems = DB.GetMenuItems(); //Assuming GetMenuItems() is method which returns an object of type MenuItemsViewModel from database
    ViewBag.MenuItems = menuItems;
    return View();
}

, а затем в вашем представлении 

@using System.Web.Mvc.Html
@{
    var menuItems = (MenuItemsViewModel)ViewBag.MenuItems;
}
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

    <link rel="stylesheet" type="text/css" href="~/Styles/fonts.css" />
    <link rel="stylesheet" type="text/css" href="~/Styles/style.css" />

    <title>@ViewBag.Title -</title>
</head>
<body>
    @Html.Partial("Menu", menuItems)
    <header>
        <div class="logo text-center">
            <img src="~/Content/logo.png" />
        </div>
    </header>
    <div>
        @RenderBody()
    </div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...