Отправитель-получатель с Razor MVC3 - PullRequest
2 голосов
/ 24 ноября 2011

Я хочу создать Sender-Receiver с двумя PartialViews для каждого и соединить их методом отправки в Controller.Для вызова Ajax Action требуется Id div, который должен быть переопределен.Но я хочу, чтобы отправитель был полностью отделен от получателя.

Можно ли повторно отобразить PartialView без использования AjaxOptions.UpdateTargetId (например, в самом контроллере)?

По идеечтобы разрешить нескольким получателям подключаться к одному отправителю (аналогично механизму WebParts).

Представление индекса:

@{
    ViewBag.Title = "Test Ground";
    var sender = (MVCPortalViewModel.Models.SenderModel)ViewBag.Model.PortletModels["Sender"];
    var receiver = (MVCPortalViewModel.Models.ReceiverModel)ViewBag.Model.PortletModels["Receiver"];
}
<p>@Html.Partial("SenderPartView", sender)</p>
<p>@Html.Partial("ReceiverPartView", receiver)</p>

Представление отправителя:

@model MVCPortalViewModel.Models.SenderModel

@using (Ajax.BeginForm("ApplyColor", "Test", new { Color = @Model.Color }, new AjaxOptions { UpdateTargetId = @ViewBag.SenderDivId, HttpMethod = "Post" }))
{
    <div id="senderPartDiv" style="border: 1px solid black;">
        <div style="background-color: @Model.Color">
            <h2>@Model.Title</h2>
        </div>
            <p>Hallo @Html.ViewContext.HttpContext.User.Identity.Name</p>
            <p>
                @Html.Editor("Color")
                <input type="submit" value="Apply Color" />
            </p>
            <p>
                @Ajax.ActionLink("Send Color", "SendColor", new { Color = @Model.Color }, new AjaxOptions { UpdateTargetId = @ViewBag.ReceiverDivId, HttpMethod = "Post" })
            </p>
    </div>
}

Представление получателя:

@model MVCPortalViewModel.Models.ReceiverModel

<div id="receiverPartDiv" style="border: 1px solid black;">
    <h2 style="background-color: @Model.Color">@Model.Title</h2> 
    <p>Color: @Model.Color</p>
</div>

Контроллер:

public class TestController : Controller
{
    public ActionResult Index()
    {
        ViewBag.Model = Model;
        ViewBag.ReceiverDivId = "receiverPartDiv";
        ViewBag.SenderDivId = "senderPartDiv";
        return View();
    }

    public ActionResult SendColor(string Color)
    {
        var receiverModel = ((ReceiverModel)Model.PortletModels["Receiver"]);
        receiverModel.Color = Color;

        ViewBag.ReceiverDivId = "receiverPartDiv";
        ViewBag.SenderDivId = "senderPartDiv";

        return PartialView("ReceiverPartView", receiverModel);
    }
}

1 Ответ

2 голосов
/ 02 декабря 2011

Помимо клиентских подходов JQuery, я придумал решение, использующее RenderAction и отдельный контроллер для получателей.

Индекс:

@model MVCPortalViewModel.Models.SenderModel
<p>@Html.Partial("Sender", Model)</p>
<p>
    @{ Html.RenderAction("Receive1", "Receiver", Model); }
    @{ Html.RenderAction("Receive2", "Receiver", Model); }
</p>

Отправитель PartialView:

@model MVCPortalViewModel.Models.SenderModel
@using (@Html.BeginForm(new { Color = @Model.Color }))
{
    <h2 style="background-color: @Model.Color;">@Model.Title</h2>
    <p>
        Send Color: 
        @Html.Editor("Color")
        <input type="submit" value="Send Color" id="sendButton" />
    </p>
}

Приемник PartialView:

@model MVCPortalViewModel.Models.ReceiverModel
<h2 style="background-color: @Model.Color">@Model.Title</h2>
<p>
    Color: 
    @Html.Display("Color")
</p>

Контроллер:

public class ChildActionController : Controller
    {
        public ActionResult Index(string Color)
        {
            SenderModel sender = new SenderModel { Title = "Sender", Color = "red" };
            if (!string.IsNullOrEmpty(Color))
            {
                sender.Color = Color;
            }
            return View(sender);
        }
}

Контроллер приемника для подключения:

public class ReceiverController : Controller
    {
        public ActionResult Receive1(SenderModel Sender)
        {
            ReceiverModel receiver = new ReceiverModel { Title = "Receiver1" };
            receiver.Color = Sender.Color;
            return PartialView("MessageReceiver", receiver);
        }
        public ActionResult Receive1(SenderModel Sender) { ... }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...