ASP.NET конвертировать UserControl в Razor Partial View: работа со свойством

Question

У меня есть этот UserControl, который я хочу преобразовать в Razor Partial View.Это заголовок, который будет вставлен в файл _Layout.Копирование HTML-кода довольно простое ... но как мне работать со свойством?

Когда отображается страница, я хочу, чтобы активный элемент меню отображался по-разному, поэтому на каждой странице настраивается MasterPage.ActiveIndex в Page_Load.

Итак, первая часть вопроса: как мне обращаться со свойством в Razor Partial View?

Вторая часть вопроса - как мне иметь дело сэто в файле _Layout для обеспечения желаемой функциональности?

<%@ Control Language="C#" AutoEventWireup="true" %>
<script runat="server">
    public int ActiveIndex { get; set; }
</script>
<ul class="clearfix">
    <li <%= ActiveIndex == 0 ? "class=\"active\"" : "" %>><a href="~/" runat="server">Home  </a></li>
    <li <%= ActiveIndex == 1 ? "class=\"active\"" : "" %>><a href="~/mission" runat="server">Our Mission  </a></li>
    <li <%= ActiveIndex == 2 ? "class=\"active\"" : "" %>><a href="~/books" runat="server">Books </a></li>
    <li <%= ActiveIndex == 3 ? "class=\"active\"" : "" %>><a href="~/bulk-order" runat="server">Bulk Order</a></li>
    <li <%= ActiveIndex == 4 ? "class=\"active\"" : "" %>><a href="~/book-accuracy-list" runat="server">Book Accuracy List</a></li>
    <li <%= ActiveIndex == 5 ? "class=\"active\"" : "" %>><a href="~/contact" runat="server">Contact Us</a></li>
</ul>

Answer 1

Ответ заключается в использовании ViewData со страницы для передачи данных в макет и его подэлементы.

На странице

@page
@{
    ViewData["ActiveIndex"] = 2;
    ViewData["Title"] = "Books";
    ViewData["Description"] = "";
    ViewData["Keywords"] = "";
}

В макете я затем отображаю заголовоккак это

<partial name="_Header" model='new _HeaderModel((int?)ViewData["ActiveIndex"])' />

Тогда заголовок может иметь строго типизированный параметр как часть своей модели и извлекать его из конструктора.

public class _HeaderModel : PageModel {
    public int? ActiveIndex { get; set; }

    public _HeaderModel() { }

    public _HeaderModel(int? activeIndex) {
        this.ActiveIndex = activeIndex;
    }
}

Добавлен вспомогательный метод

HtmlString ActiveTag(int index) => new HtmlString(index == ActiveIndex ? @"class=""active""" : "");

Тогда эта старая строка

<li <%= ActiveIndex == 0 ? "class=\"active\"" : "" %>

превращается в

<li @ActiveTag(0)>

Реорганизация WebForms в Razor Pages требует немного работы, но всегда приводит к гораздо меньшему количеству кода:)