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

Question

Я разработал простой механизм для моего веб-сайта mvc, чтобы получать html через jquery, который затем заполняет указанный div. Все хорошо и выглядит круто.
Моя проблема в том, что я сейчас создаю html-разметку внутри моего контроллера (что очень легко сделать в VB.net). Я бы предпочел не путать разделение проблем.

Можно ли использовать пользовательский «MVC View User Control», чтобы удовлетворить эту потребность? Могу ли я создать экземпляр элемента управления, передать данные модели и отобразить в html? Тогда это будет простой вопрос рендеринга и передачи обратно вызывающему браузеру.

Answer 1

Это решение, которое работает с 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); 

Answer 2

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

Кроме того, я также собрал Rails-подобный RJS-генератор для создания JavaScript-бета-версии.

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

Answer 3

Вы бы создали свое действие так:

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

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

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

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

Answer 4

Вы должны использовать 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)

Answer 5

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

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

Answer 6

Я сделал нечто подобное для приложения, над которым я работаю. У меня есть частичные представления, возвращающие визуализированный контент, которые могут быть вызваны, используя их путь 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 результатом.

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

Answer 7

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

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

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

Answer 8

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

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

Answer 9

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

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

Answer 10

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