Получение HTML-кода частичного представления изнутри контроллера

В рельсах это называется отрисовкой частичного вида, и вы делаете это с помощью render :partial => 'yourfilename'. Я считаю, что ASP.NET MVC имеет аналогичный метод RenderPartial, но я не могу найти официальную документацию для MVC, чтобы подтвердить или опровергнуть такую ​​вещь.

После долгих поисков в Google я нашел ответ. Вы не можете получить простой доступ к HTML, выведенному представлением.

http://ayende.com/Blog/archive/2008/11/11/another-asp.net-mvc-bug-rendering-views-to-different-output-source.aspx

Вы должны создать свое действие следующим образом:

        public PartialViewResult LoginForm()
        {
            var model = // get model data from somewhere
            return PartialView(model);
        }

И действие вернет обработанное частичное представление в ваш ответ jquery.

Ваш jquery может выглядеть примерно так:

$('#targetdiv').load('/MyController/LoginForm',function(){alert('complete!');});

Вы должны использовать jquery для заполнения ваших div (и при необходимости создавать новые элементы html) и сериализацию Json для ActionResult.

Другой способ - использовать jquery для вызова некоторого контроллера / действия, но вместо этого json использует обычный View (aspx или ascx, механизм просмотра веб-форм) для рендеринга контента, а с jquery просто вставляет этот html в некоторый div. Это половина пути к UpdatePanels из asp.net ajax ...

Я бы, вероятно, выбрал первый метод, с json, где у вас немного больше работы, но он гораздо более «оптимизирован», потому что вы не передаете весь html по сети, есть просто сериализованные объекты. Так делают "большие" (gmail, g docs, hotmail, ..) - много JS-кода, который манипулирует пользовательским интерфейсом.

Если вам не нужен ajax, у вас есть два способа вызова частичных представлений:

• html.renderpartial ("имя ascx")
• html.RenderAction (x => x.ActionName) из Microsoft.web.mvc (фьючерсы mvc)

Я собрал грубую структуру, которая позволяет отображать представления в строку из метода контроллера в бета-версии MVC. На данный момент это должно помочь снять это ограничение.

Кроме того, я также собрал Rails-подобный RJS javascript фреймворк для MVC Beta.

Проверьте это на http://www.brightmix.com/blog/how-to-renderpartial-to-string-in-asp-net-mvc и дайте мне знать, что вы думаете.

У вас есть несколько вариантов.

Создайте пользовательский элемент управления представления MVC и обработчик действий в своем контроллере для представления. Для рендеринга вида используйте

<% Html.RenderPartial("MyControl") %>

В этом случае ваш обработчик действий должен будет передать данные модели в представление.

public ActionResult MyControl ()
{
    // get modelData

    render View (modelData);
}

Другой вариант - передать данные модели с родительской страницы. В этом случае вам не нужен обработчик действий, а тип модели такой же, как и у родительской модели:

<% Html.RenderPartial("MyControl", ViewData.Model) %>

Если ваш пользовательский элемент управления имеет собственный тип данных, вы также можете создать его на странице

В MyControl.ascx.cs:

public class MyControlViewData
{
    public string Name { get; set; }
    public string Email { get; set; }
}

public partial class MyControl : System.Web.Mvc.ViewUserControl <MyControlViewData>
{
}

И на своей странице вы можете инициализировать модель данных вашего элемента управления:

<% Html.RenderPartial("MyControl", new MyControlViewData ()
   {
        Name= ViewData.Model.FirstName,
        Email = ViewData.Model.Email,
   });
 %>

Это решение, которое работает с ASP.Net MVC 1.0 (многие, которые утверждают, что работают с бета-версией 3, не работают с 1.0), не страдает от проблемы «Сервер не может установить тип содержимого после отправки заголовков HTTP». и может быть вызван из контроллера (не только из представления):

/// <summary>
/// Render a view into a string. It's a hack, it may fail badly.
/// </summary>
/// <param name = "name">Name of the view, that is, its path.</param>
/// <param name = "data">Data to pass to the view, a model or something like that.</param>
/// <returns>A string with the (HTML of) view.</returns>
public static string RenderPartialToString(string controlName, object viewData) {
    ViewPage viewPage = new ViewPage() { ViewContext = new ViewContext() };
    viewPage.Url = GetBogusUrlHelper();

    viewPage.ViewData = new ViewDataDictionary(viewData);
    viewPage.Controls.Add(viewPage.LoadControl(controlName));

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

    return sb.ToString();
}

public static UrlHelper GetBogusUrlHelper() {
  var httpContext = HttpContext.Current;

  if (httpContext == null) {
    var request = new HttpRequest("/", Config.Url.ToString(), "");
    var response = new HttpResponse(new StringWriter());
    httpContext = new HttpContext(request, response);
  }

  var httpContextBase = new HttpContextWrapper(httpContext);
  var routeData = new RouteData();
  var requestContext = new RequestContext(httpContextBase, routeData);

  return new UrlHelper(requestContext);
}

Это статический метод, который вы можете использовать в любом удобном для вас месте. Вы можете назвать это так:

string view = RenderPartialToString("~/Views/Controller/AView.ascx", someModelObject); 

Я сделал нечто подобное для приложения, над которым работаю. У меня есть частичные представления, возвращающие визуализированный контент, которые можно вызвать с помощью их пути REST или с помощью:

<% Html.RenderAction("Action", "Controller"); %>

Затем в моем фактическом отображаемом HTML у меня есть DIV, который заполняется из jQuery:

<div class = "onload">/controller/action</div>

JQuery выглядит так:

<script type = "text/javascript">
    $.ajaxSetup({ cache: false });

    $(document).ready(function () {
        $('div.onload').each(function () {
            var source = $(this).html();
            if (source != "") {
                $(this).load(source);
            }
        });
    });
</script>

Это сканирует все DIV, которые соответствуют классу onload, и считывает путь REST из их содержимого. Затем он выполняет jQuery.load по этому пути REST и заполняет DIV результатом.

Извини, мне нужно поехать домой. Дайте мне знать, если вы хотите, чтобы я подробно рассказал.

это очень просто, вам просто нужно создать строго типизированное частичное представление (или пользовательский элемент управления), а затем в вашем cotroller что-то вроде этого:

public PartialViewResult yourpartialviewresult()
{
    var yourModel
    return PartialView("yourPartialView", yourModel);
}

тогда вы можете использовать JQuery для выполнения запроса, когда захотите:

$.ajax({
    type: 'GET',
    url: '/home/yourpartialviewresult',
    dataType: 'html', //be sure to use html dataType
    contentType: 'application/json; charset=utf-8',
    success: function(data){
         $(container).html(data);
    },
    complete: function(){ }
 });    

Я обнаружил, что этот однострочный код отлично работает. orderModel - мой объект модели. В моем случае у меня был вспомогательный метод, в котором мне нужно было объединить частичный вид html.

System.Web.Mvc.Html.PartialExtensions.Partial(html, "~/Views/Orders/OrdersPartialView.cshtml", orderModel).ToString();