5

Доброго дня, друзья! Тщательно готовился перед тем как задать вопрос. И вот.

Задача такая - есть часто повторяемый код вёрстки (сам код специально упрощён, на деле там много всего из-за чего и встал, собственно, вопрос более грамотной реализации). Хочется сделать подобный Partial View:

<div id="{IDENT}">
@RenderBody
</div>

У нас есть IDENT (идентификатор) и какое-то тело. Чтобы далее в какой-либо другой View вызывать нечто подобное:

@using(Html.DrawMyCustomSection("ident12345"))
{
<b>Передать в тело</b>
}

Чтобы на выходе иметь:

<div id="ident12345">
<b>Передать в тело</b>
</div>

Вопрос в самой "элегантности" решения. Самый простой способ - отказаться от Partial View вообще и рендерить всё средствами MvcHtmlString. Но это, сдаётся мне, моветон и я его не рассматриваю, как достойный вариант.

Второй способ - использовать кастомный хелпер с реализацией IDisposable и рендерингом PartialView с заменой контрольных строк {IDENT} и {BODY} на своё. Этот вариант вроде как лучше, но ненамного :)

Третий способ - строготипизированная модель для PartialView, в которой всё передавать. Хороший способ, как по мне. Но не могу понять как правильно передать само тело в PartialView и как там его разворачивать.

Также можно накрутить реализации с ViewBag / ViewData, но это совсем плохо.

Отсюда вопрос: Как правильно, грамотно и красиво передать в PartialView параметры и отрендерить тело в основное представление? Использовать строготипизированную модель, тогда как в неё записать (получить) то, что было в основной вьюшке указано в теле?

Буду рад любому ответу и\или примеру. Спасибо!

2
  • 1
    Не работаю с ASP, но приятно видеть грамотно оформленные вопросы. Так держать!
    – user207618
    5 сен 2016 в 14:33
  • @Other спасибо! Просто сам знаю как могут раздражать вопросы, ответы на которые лежат на первой странице гугла :) Жаль, что пока ответов нет(
    – GRUNGER
    5 сен 2016 в 16:20

2 ответа 2

3

Насколько я понял, вам требуется создать аналог @using(Html.BegibForm()). Т.о. будет возможность оборачивать в div с заданным id другую razor разметку.

Для этого потребуется создать класс или добавить в существующий новый html helper (зависит от того как вы их храните).

Далее пример для отдельного класса:

using System;
using System.IO;
using System.Web.Mvc;

namespace MyWebApplication.Helpers
{
    public static class UserIdentityHelper
    {
        private const string TagName = "div";

        private class UserIdentityContainer : IDisposable
        {
            private readonly TextWriter _writer;

            public UserIdentityContainer(TextWriter writer)
            {
                _writer = writer;
            }

            public void Dispose()
            {
                var builder = new TagBuilder(TagName);
                _writer.WriteLine(builder.ToString(TagRenderMode.EndTag));
            }
        }

        public static IDisposable UserIdentity(this HtmlHelper htmlHelper, string userIdentifier)
        {
            var builder = new TagBuilder(TagName);
            builder.Attributes.Add("id", userIdentifier);

            var writer = htmlHelper.ViewContext.Writer;
            writer.WriteLine(builder.ToString(TagRenderMode.StartTag));

            return new UserIdentityContainer(writer);
        }
    }
}

Не забудьте добавить в web.config новый namespace (если еще не добавлено):

<namespaces>
  ...
  <add namespace="MyWebApplication.Helpers" />
  ...
</namespaces>

Вызов будет выглядеть, например, так

@using (Html.UserIdentity("ident12345"))
{
    <h1>Hello ident12345!</h1>
}

И в результате будет получена разметка следующего вида:

<div id="ident12345">
    <h1>Hello ident12345!</h1>
</div>

Обратите внимание, что вызов UserIdentity возвращает класс, который реализует IDisposable, а закрывающий тэг создается с параметром TagRenderMode.EndTag

2
  • Спасибо большое за ваш ответ и время, которое я у вас занимаю. Но вопрос именно в вставке razor в другую PartialView. Т.е. не генерировать тег через TagBuilder, а брать PartialView и в него вставлять наше тело + идентификатор. Ваш метод отлично подходит, но я хотел бы отказаться от генерации HTML кода и использовать PartialView, как шаблон. Такое возможно?
    – GRUNGER
    5 сен 2016 в 16:25
  • Прошу прощения, что не до конца понял вопрос. Такой задачи пока не встречал, нужно подумать как реализовать.
    – Andrew B
    5 сен 2016 в 16:32
2

Мне кажется именно для подобных целей и был создан View Component

  1. Создаем класс с названием нового компонента

    [ViewComponent]
    public class ShowIdent
    {
        public string Invoke(string idParam, string textParam)
        {
            return $"<div id=\"{idParam}\"><b>{textParam}</b></div>";
        }
    }
    
  2. Вызываем в нужной вьюхе

    @await Component.InvokeAsync("ShowIdent", new { idParam = "ident12345", textParam = "Передать в тело"})
    

Более подробно о View Component тут: https://metanit.com/sharp/aspnet5/7.6.php

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.