Как включить частичное представление внутри веб-формы

Question

Какой-то сайт, который я программирую, использует оба ASP.NET MVC и WebForms.

У меня есть частичное представление, и я хочу включить это в веб-форму.Частичное представление содержит некоторый код, который должен быть обработан на сервере, поэтому использование Response.WriteFile не работает.Это должно работать с отключенным javascript.

Как я могу это сделать?

Answer 1

Я просмотрел исходный код MVC, чтобы посмотреть, смогу ли я понять, как это сделать.По-видимому, существует очень тесная связь между контекстом контроллера, представлениями, данными просмотра, данными маршрутизации и методами рендеринга html.

В принципе, для того, чтобы это произошло, вам нужно создать все эти дополнительные элементы.Некоторые из них относительно просты (например, просмотр данных), но некоторые немного сложнее - например, данные маршрутизации будут считать текущую страницу WebForms проигнорированной.

Большая проблема, по-видимому, заключается в том, что страницы HttpContext - MVC полагаются на HttpContextBase (а не на HttpContext, как это делают WebForms), и хотя оба реализуют IServiceProvider, они не связаны.Разработчики MVC приняли преднамеренное решение не изменять устаревшие веб-формы для использования новой контекстной базы, однако они предоставили оболочку.

Это работает и позволяет вам добавить частичное представление в веб-форму:

public class WebFormController : Controller { }

public static class WebFormMVCUtil
{

    public static void RenderPartial( string partialName, object model )
    {
        //get a wrapper for the legacy WebForm context
        var httpCtx = new HttpContextWrapper( System.Web.HttpContext.Current );

        //create a mock route that points to the empty controller
        var rt = new RouteData();
        rt.Values.Add( "controller", "WebFormController" );

        //create a controller context for the route and http context
        var ctx = new ControllerContext( 
            new RequestContext( httpCtx, rt ), new WebFormController() );

        //find the partial view using the viewengine
        var view = ViewEngines.Engines.FindPartialView( ctx, partialName ).View;

        //create a view context and assign the model
        var vctx = new ViewContext( ctx, view, 
            new ViewDataDictionary { Model = model }, 
            new TempDataDictionary() );

        //render the partial view
        view.Render( vctx, System.Web.HttpContext.Current.Response.Output );
    }

}

Затем в своей веб-форме вы можете сделать это:

<% WebFormMVCUtil.RenderPartial( "ViewName", this.GetModel() ); %>

Answer 2

Это заняло некоторое время, но я нашел отличное решение.Решение Кита работает для многих людей, но в определенных ситуациях оно не самое лучшее, потому что иногда вы хотите, чтобы ваше приложение пройдите через процесс с контроллером для рендеринга представления, и Решение Кита просто отображает представление с заданной моделью Я представляю здесь новое решение, которое будет запускать обычный процесс.

Общие шаги:

1. Создайте служебный класс
2. Создайте фиктивный контроллер с фиктивным представлением
3. В вашем aspx или master page, вызовите служебный метод для рендеринга, частично передавая контроллер, view и, если вам нужно, модель для рендеринга (как объект),

Давайте внимательно проверим это в этом примере

1) Создайте класс под названием MVCUtility и создайте следующие методы:

    //Render a partial view, like Keith's solution
    private static void RenderPartial(string partialViewName, object model)
    {
        HttpContextBase httpContextBase = new HttpContextWrapper(HttpContext.Current);
        RouteData routeData = new RouteData();
        routeData.Values.Add("controller", "Dummy");
        ControllerContext controllerContext = new ControllerContext(new RequestContext(httpContextBase, routeData), new DummyController());
        IView view = FindPartialView(controllerContext, partialViewName);
        ViewContext viewContext = new ViewContext(controllerContext, view, new ViewDataDictionary { Model = model }, new TempDataDictionary(), httpContextBase.Response.Output);
        view.Render(viewContext, httpContextBase.Response.Output);
    }

    //Find the view, if not throw an exception
    private static IView FindPartialView(ControllerContext controllerContext, string partialViewName)
    {
        ViewEngineResult result = ViewEngines.Engines.FindPartialView(controllerContext, partialViewName);
        if (result.View != null)
        {
            return result.View;
        }
        StringBuilder locationsText = new StringBuilder();
        foreach (string location in result.SearchedLocations)
        {
            locationsText.AppendLine();
            locationsText.Append(location);
        }
        throw new InvalidOperationException(String.Format("Partial view {0} not found. Locations Searched: {1}", partialViewName, locationsText));
    }       

    //Here the method that will be called from MasterPage or Aspx
    public static void RenderAction(string controllerName, string actionName, object routeValues)
    {
        RenderPartial("PartialRender", new RenderActionViewModel() { ControllerName = controllerName, ActionName = actionName, RouteValues = routeValues });
    }

Создайте класс для передачи параметров, я вызову здесь RendeActionViewModel (вы можете создать в том же файле класс MvcUtility)

    public class RenderActionViewModel
    {
        public string ControllerName { get; set; }
        public string ActionName { get; set; }
        public object RouteValues { get; set; }
    }

2) Теперь создайте контроллер с именем DummyController

    //Here the Dummy controller with Dummy view
    public class DummyController : Controller
    {
      public ActionResult PartialRender()
      {
          return PartialView();
      }
    }

Создайте фиктивное представление под названием PartialRender.cshtml (вид бритвы) для DummyController со следующим содержимым обратите внимание, что оно выполнит другое действие рендеринга с использованием Html helper.

@model Portal.MVC.MvcUtility.RenderActionViewModel
@{Html.RenderAction(Model.ActionName, Model.ControllerName, Model.RouteValues);}

3) Теперь просто положите это в свой MasterPage или aspx файл, для частичного отображения вида, который вы хотите.Обратите внимание, что это отличный ответ, когда у вас есть несколько представлений razor, которые вы хотите смешать с вашим MasterPage или aspx страницы.(предположим, у нас есть PartialView, называемый Login для дома контроллера).

    <% MyApplication.MvcUtility.RenderAction("Home", "Login", new { }); %>

или если у вас есть модель для перехода к Действию

    <% MyApplication.MvcUtility.RenderAction("Home", "Login", new { Name="Daniel", Age = 30 }); %>

Это отличное решение, не использует ajax-вызов, что не вызовет отложенный рендеринг для вложенных представлений это не создает новый веб-запрос так что это не принесет вам нового сеанса, и это обработает метод для извлечения ActionResult для просмотра, который вы хотите, это работает без передачи какой-либо модели

Благодаря Использование визуализации MVC в веб-форме

Answer 3

наиболее очевидным способом было бы через AJAX

что-то вроде этого (с использованием jQuery)

<div id="mvcpartial"></div>

<script type="text/javascript">
$(document).load(function () {
    $.ajax(
    {    
        type: "GET",
        url : "urltoyourmvcaction",
        success : function (msg) { $("#mvcpartial").html(msg); }
    });
});
</script>

Answer 4

Это здорово, спасибо!

Я использую MVC 2 на .NET 4, для которого требуется, чтобы TextWriter передавался в viewContext, поэтому вам нужно передать HttpContextWrapper.Response.Вывод, как показано ниже.

    public static void RenderPartial(String partialName, Object model)
    {
        // get a wrapper for the legacy WebForm context
        var httpContextWrapper = new HttpContextWrapper(HttpContext.Current);

        // create a mock route that points to the empty controller
        var routeData = new RouteData();
        routeData.Values.Add(_controller, _webFormController);

        // create a controller context for the route and http context
        var controllerContext = new ControllerContext(new RequestContext(httpContextWrapper, routeData), new WebFormController());

        // find the partial view using the viewengine
        var view = ViewEngines.Engines.FindPartialView(controllerContext, partialName).View as WebFormView;

        // create a view context and assign the model
        var viewContext = new ViewContext(controllerContext, view, new ViewDataDictionary { Model = model }, new TempDataDictionary(), httpContextWrapper.Response.Output);

        // render the partial view
        view.Render(viewContext, httpContextWrapper.Response.Output);
    }

Answer 5

Вот аналогичный подход, который работал у меня.Стратегия заключается в том, чтобы отобразить частичное представление в виде строки, а затем вывести ее на странице веб-формы.

 public class TemplateHelper
{
    /// <summary>
    /// Render a Partial View (MVC User Control, .ascx) to a string using the given ViewData.
    /// http://www.joeyb.org/blog/2010/01/23/aspnet-mvc-2-render-template-to-string
    /// </summary>
    /// <param name="controlName"></param>
    /// <param name="viewData"></param>
    /// <returns></returns>
    public static string RenderPartialToString(string controlName, object viewData)
    {
        ViewDataDictionary vd = new ViewDataDictionary(viewData);
        ViewPage vp = new ViewPage { ViewData = vd};
        Control control = vp.LoadControl(controlName);

        vp.Controls.Add(control);

        StringBuilder sb = new StringBuilder();
        using (StringWriter sw = new StringWriter(sb))
        {
            using (HtmlTextWriter tw = new HtmlTextWriter(sw))
            {
                vp.RenderControl(tw);
            }
        }

        return sb.ToString();
    }
}

На странице codebehind вы можете сделать

public partial class TestPartial : System.Web.UI.Page
{
    public string NavigationBarContent
    {
        get;
        set;
    }

    protected void Page_Load(object sender, EventArgs e)
    {
        NavigationVM oVM = new NavigationVM();

        NavigationBarContent = TemplateHelper.RenderPartialToString("~/Views/Shared/NavigationBar.ascx", oVM);

    }
}

и на странице у вас будет доступ к отображаемому контенту

<%= NavigationBarContent %>

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

Answer 6

Это решение использует другой подход.Это определяет System.Web.UI.UserControl который можно разместить на любой веб-форме и настроить для отображения содержимого с любого URL ... включая частичное представление MVC.Этот подход похож на AJAX-вызов для HTML в том смысле, что параметры (если таковые имеются) задаются через строку запроса URL.

Сначала определите пользовательский элемент управления в 2 файлах:

файл /controls/PartialViewControl.ascx

<%@ Control Language="C#" 
AutoEventWireup="true" 
CodeFile="PartialViewControl.ascx.cs" 
Inherits="PartialViewControl" %>

/элементы управления/PartialViewControl.ascx.cs:

public partial class PartialViewControl : System.Web.UI.UserControl {
    [Browsable(true),
    Category("Configutation"),
    Description("Specifies an absolute or relative path to the content to display.")]
    public string contentUrl { get; set; }

    protected override void Render(HtmlTextWriter writer) {
        string requestPath = (contentUrl.StartsWith("http") ? contentUrl : "http://" + Request.Url.DnsSafeHost + Page.ResolveUrl(contentUrl));
        WebRequest request = WebRequest.Create(requestPath);
        WebResponse response = request.GetResponse();
        Stream responseStream = response.GetResponseStream();
        var responseStreamReader = new StreamReader(responseStream);
        var buffer = new char[32768];
        int read;
        while ((read = responseStreamReader.Read(buffer, 0, buffer.Length)) > 0) {
            writer.Write(buffer, 0, read);
        }
    }
}

Затем добавьте пользовательский элемент управления на свою страницу веб-формы:

<%@ Page Language="C#" %>
<%@ Register Src="~/controls/PartialViewControl.ascx" TagPrefix="mcs" TagName="PartialViewControl" %>
<h1>My MVC Partial View</h1>
<p>Below is the content from by MVC partial view (or any other URL).</p>
<mcs:PartialViewControl runat="server" contentUrl="/MyMVCView/"  />

Answer 7

FWIW, мне нужно было иметь возможность динамически отображать частичное представление из существующего кода webforms и вставлять его в начало данного элемента управления.Я обнаружил, что ответ Кита может привести к отображению частичного представления за пределами <html /> пометка.

Используя ответы Кита и Хилариуса для вдохновения, вместо того, чтобы отображать напрямую в HttpContext.Current.Ответ.В результате я отрисовал html-строку и добавил ее как LiteralControl к соответствующему элементу управления.

В статическом вспомогательном классе:

    public static string RenderPartial(string partialName, object model)
    {
        //get a wrapper for the legacy WebForm context
        var httpCtx = new HttpContextWrapper(HttpContext.Current);

        //create a mock route that points to the empty controller
        var rt = new RouteData();
        rt.Values.Add("controller", "WebFormController");

        //create a controller context for the route and http context
        var ctx = new ControllerContext(new RequestContext(httpCtx, rt), new WebFormController());

        //find the partial view using the viewengine
        var view = ViewEngines.Engines.FindPartialView(ctx, partialName).View;

        //create a view context and assign the model
        var vctx = new ViewContext(ctx, view, new ViewDataDictionary { Model = model }, new TempDataDictionary(), new StringWriter());

        // This will render the partial view direct to the output, but be careful as it may end up outside of the <html /> tag
        //view.Render(vctx, HttpContext.Current.Response.Output);

        // Better to render like this and create a literal control to add to the parent
        var html = new StringWriter();
        view.Render(vctx, html);
        return html.GetStringBuilder().ToString();
    }

В вызывающем классе:

    internal void AddPartialViewToControl(HtmlGenericControl ctrl, int? insertAt = null, object model)
    {
        var lit = new LiteralControl { Text = MvcHelper.RenderPartial("~/Views/Shared/_MySharedView.cshtml", model};
        if (insertAt == null)
        {
            ctrl.Controls.Add(lit);
            return;
        }
        ctrl.Controls.AddAt(insertAt.Value, lit);
    }