Как включить частичное представление внутри веб-формы - PullRequest
78 голосов
/ 31 марта 2009

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

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

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

Ответы [ 7 ]

96 голосов
/ 02 июля 2009

Я взглянул на источник 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 );
    }

}

Тогда в вашей WebForm вы можете сделать это:

<% WebFormMVCUtil.RenderPartial( "ViewName", this.GetModel() ); %>
34 голосов
/ 21 июля 2014

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

Общие шаги:

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

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

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, чтобы частично отобразить нужный вам вид. Обратите внимание, что это отличный ответ, если у вас есть несколько видов бритвы, которые вы хотите смешать со своими MasterPage или aspx страницами. (Предполагается, что у нас есть PartialView, называемый Login для контроллера. Home

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

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

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

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

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

20 голосов
/ 01 апреля 2009

Самый очевидный способ будет через 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>
10 голосов
/ 13 сентября 2011

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

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

    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);
    }
5 голосов
/ 14 августа 2011

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

 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();
    }
}

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

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 %>

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

2 голосов
/ 11 июня 2014

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

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

/ controls / PartialViewControl.ascx file

<%@ 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/"  />
0 голосов
/ 07 марта 2019

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

Используя ответы Кейта и Илариуса для вдохновения, вместо того, чтобы отрисовывать напрямую HttpContext.Current.Response.Output, я рендерил строку 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);
    }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...