web-dev-qa-db-ja.com

MVCPartialViewをSignalR応答にレンダリングします

部分ビューをHTML文字列にレンダリングして、SignalRajaxリクエストに返すことができるようにします。

何かのようなもの:

SignalRハブ(mySignalHub.cs)

public class mySignalRHub: Hub
{
    public string getTableHTML()
    {
        return PartialView("_MyTablePartialView", GetDataItems()) // *How is it possible to do this*
    }
}

Razor PartialView(_MyTablePartialView.cshtml)

@model IEnumerable<DataItem>

<table>
    <tbody>
        @foreach (var dataItem in Model)
        {
        <tr>
            <td>@dataItem.Value1</td>
            <td>@dataItem.Value2</td>
        </tr>
        }
    </tbody>
</table>

HTML(MySignalRWebPage.html)

<Script>
    ...      
    //Get HTML from SignalR function call
    var tableHtml = $.connection.mySignalRHub.getTableHTML();

    //Inject into div
    $('#tableContainer).html(tableHtml);
</Script>

<div id="tableContainer"></div>

私の問題は、コントローラーの外部でPartialViewをレンダリングできないように見えることです。 Controllerの外部でPartialViewをレンダリングすることも可能ですか? Razorに付属している素晴らしいHTML生成機能を引き続き活用できると非常に便利です。

私はこれについてすべて間違っていますか?別の方法はありますか?

33
James

ここでは、これがajaxのコントローラーで使用しているものです。コントローラーではなくメソッドから呼び出すことができるように少し変更しました。メソッドreturnViewはビューをレンダリングし、HTML文字列を返すため、JS /で挿入できます。クライアント側でページを受信したときにページにjQueryを入力します。

  public static string RenderPartialToString(string view, object model, ControllerContext Context)
        {
            if (string.IsNullOrEmpty(view))
            {
                view = Context.RouteData.GetRequiredString("action");
            }

            ViewDataDictionary ViewData = new ViewDataDictionary();

            TempDataDictionary TempData = new TempDataDictionary();

            ViewData.Model = model;

            using (StringWriter sw = new StringWriter())
            {
                ViewEngineResult viewResult = ViewEngines.Engines.FindPartialView(Context, view);

                ViewContext viewContext = new ViewContext(Context, viewResult.View, ViewData, TempData, sw);

                viewResult.View.Render(viewContext, sw);

                return sw.GetStringBuilder().ToString();
            }
        }

        //"Error" should be name of the partial view, I was just testing with partial error view
        //You can put whichever controller you want instead of HomeController it will be the same
        //You can pass model instead of null
        private string returnView()
        {
            var controller = new HomeController();
            controller.ControllerContext = new ControllerContext(HttpContext,new System.Web.Routing.RouteData(), controller);
            return RenderPartialToString("Error", null, new ControllerContext(controller.Request.RequestContext, controller));
        }

ハブでテストしませんでしたが、動作するはずです。

13
formatc

Wim が示唆しているように、おそらく最良の選択は RazorEngine を使用することです。

public class mySignalRHub: Hub
{
    public string getTableHTML()
    {
        var viewModel = new[] { new DataItem { Value1 = "v1", Value2 = "v2" } };

        var template = File.ReadAllText(Path.Combine(
            AppDomain.CurrentDomain.BaseDirectory,
            @"Views\PathToTablePartialView\_MyTablePartialView.cshtml"));

        return Engine.Razor.RunCompile(template, "templateKey", null, viewModel);
    }
}
5
Paolo Moretti

上記の@ user1010609によって提供された回答に加えて、私もこれに苦労し、コントローラー名、ビューへのパス、およびモデルを指定して、レンダリングされたPartialViewを返す関数になりました。

コントローラがないため、SignalRイベントからの通常の状態はないという事実を考慮に入れます。

public static string RenderPartialView(string controllerName, string partialView, object model)
{
    var context = new HttpContextWrapper(System.Web.HttpContext.Current) as HttpContextBase;

    var routes = new System.Web.Routing.RouteData();
    routes.Values.Add("controller", controllerName);

    var requestContext = new RequestContext(context, routes);

    string requiredString = requestContext.RouteData.GetRequiredString("controller");
    var controllerFactory = ControllerBuilder.Current.GetControllerFactory();
    var controller = controllerFactory.CreateController(requestContext, requiredString) as ControllerBase;

    controller.ControllerContext = new ControllerContext(context, routes, controller);      

    var ViewData = new ViewDataDictionary();

    var TempData = new TempDataDictionary();

    ViewData.Model = model;

    using (var sw = new StringWriter())
    {
        var viewResult = ViewEngines.Engines.FindPartialView(controller.ControllerContext, partialView);
        var viewContext = new ViewContext(controller.ControllerContext, viewResult.View, ViewData, TempData, sw);

        viewResult.View.Render(viewContext, sw);
        return sw.GetStringBuilder().ToString();
    }
}

あなたはそれを次のようなもので呼ぶでしょう:

RenderPartialView("MyController", "~/Views/MyController/_partialView.cshtml", model);
4
JohnBarton

http://razorengine.codeplex.com/ のようなかみそりテンプレートエンジンを使用することを考えましたか?部分ビューの解析には使用できませんが、部分ビューとほぼ同じであるかみそりテンプレートの解析には使用できます。

1
Wim

RazorEngineHostRazorTemplateEngineを使用するのはどうですか。私はこれを見つけました 素敵な記事 それはあなたが探しているものかもしれません。 ASP.NET(MVC)の外部でRazorをホストすることについてです。

0
Tx3