Cách bao gồm chế độ xem một phần bên trong biểu mẫu web

Một số trang web tôi đang lập trình đang sử dụng cả ASP.NET MVC và WebForms.

Tôi có một góc nhìn và tôi muốn đưa nó vào trong một biểu mẫu web. Chế độ xem từng phần có một số mã phải được xử lý trong máy chủ, vì vậy việc sử dụng Response.WriteFile không hoạt động. Nó sẽ hoạt động với javascript bị tắt.

Tôi có thể làm cái này như thế nào?

Tôi đã xem qua nguồn MVC để xem liệu tôi có thể tìm ra cách thực hiện việc này hay không. Dường như có sự kết hợp rất chặt chẽ giữa bối cảnh bộ điều khiển, khung nhìn, dữ liệu xem, dữ liệu định tuyến và các phương thức kết xuất html.

Về cơ bản để thực hiện điều này, bạn cần tạo tất cả các yếu tố phụ này. Một số trong số chúng tương đối đơn giản (chẳng hạn như dữ liệu dạng xem) nhưng một số phức tạp hơn một chút - ví dụ: dữ liệu định tuyến sẽ coi trang WebForms hiện tại bị bỏ qua.

Vấn đề lớn dường như là các trang HttpContext - MVC dựa vào HttpContextBase (chứ không phải HttpContext như WebForms) và trong khi cả hai triển khai IServiceProvider thì chúng không liên quan. Các nhà thiết kế của MVC đã có một quyết định có chủ ý là không thay đổi các WebForms kế thừa để sử dụng cơ sở ngữ cảnh mới, tuy nhiên họ đã cung cấp một trình bao bọc.

Điều này hoạt động và cho phép bạn thêm một phần dạng xem vào WebForm:

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

}

Sau đó, trong WebForm của bạn, bạn có thể làm điều này:

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

Phải mất một lúc, nhưng tôi đã tìm thấy một giải pháp tuyệt vời. Giải pháp của Keith phù hợp với nhiều người, nhưng trong một số trường hợp nhất định, nó không phải là tốt nhất, bởi vì đôi khi bạn muốn ứng dụng của mình trải qua quy trình của bộ điều khiển để hiển thị chế độ xem và giải pháp của Keith chỉ hiển thị chế độ xem với một mô hình nhất định I ' m trình bày ở đây một giải pháp mới sẽ chạy quá trình bình thường.

Các bước chung:

1. Tạo một lớp Tiện ích
2. Tạo Bộ điều khiển giả với chế độ xem giả
3. Trong aspxhoặc master page, hãy gọi phương thức tiện ích để kết xuất một phần chuyển Bộ điều khiển, dạng xem và nếu bạn cần, mô hình sẽ kết xuất (dưới dạng một đối tượng),

Hãy kiểm tra kỹ nó trong ví dụ này

1) Tạo một Lớp được gọi MVCUtilityvà tạo các phương thức sau:

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

Tạo một lớp để truyền các tham số, tôi sẽ gọi ở đây là RendeActionViewModel (bạn có thể tạo trong cùng một tệp của Lớp MvcUtility)

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

2) Bây giờ tạo một Bộ điều khiển có tên DummyController

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

Tạo một dạng xem Dummy được gọi là PartialRender.cshtml(dạng xem dao cạo) cho DummyControllernội dung sau, lưu ý rằng nó sẽ thực hiện một Hành động kết xuất khác bằng cách sử dụng trình trợ giúp Html.

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

3) Bây giờ chỉ cần đặt nó vào MasterPagehoặc aspxtệp của bạn , để hiển thị một phần chế độ xem mà bạn muốn. Lưu ý rằng đây là một câu trả lời tuyệt vời khi bạn có nhiều chế độ xem dao cạo mà bạn muốn kết hợp với MasterPagehoặc aspxcác trang của mình. (giả sử chúng ta có Chế độ xem từng phần được gọi là Đăng nhập cho Trang chủ bộ điều khiển).

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

hoặc nếu bạn có một mô hình để chuyển vào Hành động

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

Giải pháp này rất tuyệt vời, không sử dụng lệnh gọi ajax , điều này sẽ không gây ra hiện tượng chậm trễ cho các khung nhìn lồng nhau, nó không tạo một WebRequest mới vì vậy nó sẽ không mang lại cho bạn một phiên mới và nó sẽ xử lý phương thức để truy xuất ActionResult cho chế độ xem bạn muốn, nó hoạt động mà không cần chuyển bất kỳ mô hình nào

Nhờ sử dụng MVC RenderAction trong một biểu mẫu web

cách rõ ràng nhất sẽ là thông qua AJAX

một cái gì đó như thế này (sử dụng jQuery)

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

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

Điều này là tuyệt vời, cảm ơn!

Tôi đang sử dụng MVC 2 trên .NET 4, yêu cầu TextWriter được chuyển vào ViewContext, vì vậy bạn phải chuyển vào httpContextWrapper.Response.Output như hình bên dưới.

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

Đây là một cách tiếp cận tương tự đã làm việc cho tôi. Chiến lược là hiển thị một phần dạng xem thành một chuỗi, sau đó xuất ra dạng đó trong trang 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();
    }
}

Trong phần mã của trang, bạn có thể làm

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

    }
}

và trong trang, bạn sẽ có quyền truy cập vào nội dung được hiển thị

<%= NavigationBarContent %>

Hy vọng rằng sẽ giúp!

Giải pháp này có một cách tiếp cận khác. Nó định nghĩa một System.Web.UI.UserControlcái có thể được đặt trên bất kỳ Biểu mẫu Web nào và được cấu hình để hiển thị nội dung từ bất kỳ URL nào… bao gồm cả chế độ xem từng phần MVC. Cách tiếp cận này tương tự như lệnh gọi AJAX cho HTML trong đó các tham số (nếu có) được đưa ra thông qua chuỗi truy vấn URL.

Đầu tiên, xác định điều khiển người dùng trong 2 tệp:

/controls/PartialViewControl.ascx tệp

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

/controls/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);
        }
    }
}

Sau đó, thêm điều khiển người dùng vào trang biểu mẫu web của bạn:

<%@ 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/"  />

FWIW, tôi cần có thể hiển thị động một phần chế độ xem từ mã biểu mẫu web hiện có và chèn nó vào đầu một điều khiển nhất định. Tôi thấy rằng câu trả lời của Keith có thể khiến chế độ xem một phần được hiển thị bên ngoài <html />thẻ.

Sử dụng câu trả lời từ Keith và Hilarius để lấy cảm hứng, thay vì hiển thị trực tiếp đến HttpContext.Current.Response.Output, tôi đã hiển thị chuỗi html và thêm nó dưới dạng LiteralControl vào điều khiển liên quan.

Trong lớp trợ giúp tĩnh:

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

Trong lớp gọi:

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