Получение частичного представления HTML изнутри контроллера
Я разработал простой механизм для моего веб-сайта MVC, чтобы получить html через jquery, который затем заполняет указанный div. Все хорошо и выглядит круто.
Моя проблема в том, что я сейчас создаю html-разметку внутри моего контроллера (что очень легко сделать в VB.net), я бы предпочел не путать разделение проблем.
Можно ли использовать пользовательский "MVC View User Control" для удовлетворения этой потребности? Могу ли я создать экземпляр элемента управления, передать данные модели и отобразить в html? Тогда это будет простой вопрос рендеринга и передачи обратно вызывающему браузеру.
10 ответов
У вас есть несколько вариантов.
Создайте пользовательский элемент управления MVC View и обработчик действий в вашем контроллере для представления. Для рендеринга вида используйте
<% 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);
Я собрал грубую структуру, которая позволяет визуализировать представления в строку из метода контроллера в бета-версии MVC. Это должно помочь решить это ограничение на данный момент.
Кроме того, я также собрал Rails-подобный RJS-генератор для создания JavaScript-бета-версии.
Проверьте это на http://www.brightmix.com/blog/how-to-renderpartial-to-string-in-asp-net-mvc и дайте мне знать, что вы думаете.
Вы бы создали свое действие так:
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)
После долгих поисков в гугле я нашел ответ. Вы не можете получить легкий доступ к HTML, выводимому представлением.
Я сделал нечто подобное для приложения, над которым я работаю. У меня есть частичные представления, возвращающие визуализированный контент, которые можно вызвать, используя их путь 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 результатом.
Извините, пойду поймать мою поездку домой. Дайте мне знать, если вы хотите, чтобы я уточнил подробнее.
Я нашел этот однострочный код, чтобы работать отлично. orderModel - это мой модельный объект. В моем случае у меня был вспомогательный метод, в котором мне пришлось объединить html частичного представления.
System.Web.Mvc.Html.PartialExtensions.Partial(html, "~/Views/Orders/OrdersPartialView.cshtml", orderModel).ToString();
Это очень просто, вам просто нужно создать строго типизированное частичное представление (или пользовательский элемент управления), а затем в вашем контроллере что-то вроде этого:
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(){ }
});
В рельсах это называется рендерингом частичного представления, и вы делаете это с render :partial => 'yourfilename', Я считаю, что ASP.NET MVC имеет аналогичный RenderPartial метод, но я не могу найти официальные документы для MVC, чтобы подтвердить или опровергнуть такую вещь.