Udostępnianie szablonów wąsy/nustache między serwerem a klientem. ASP.NET MVC

Question

Używam mustache.js na kliencie i Nustache w projekcie ASP.NET MVC3.

mam Person.mustache szablon w widoku folderu na serwerze, którego używam tak:

@Html.Partial("Person") 

od Razor widoku głównym (Index.cshtml).

Ale jak mogę przenieść to do klienta? Przeglądarka nie ma dostępu do folderu Widoki, aby uzyskać surową zawartość szablonu. W jakiś sposób muszę mieć sposób dołączania, aby wyprowadzać na stronie tekst HTML szablonu Person.mustache. Jeśli wymagam tego z widoku Razor, kompiluje go, ponieważ jest to normalny silnik szablonowy serwera.

Proszę, ktoś może dać jakieś pomysły? Dzięki.

Answer 1

Cóż, `ve zrobił coś, co działa, może ktoś wymyśli lepsze rozwiązanie. Oto ona:

Extenstion dla @Html pomocnika:

public static class ViewExtensions 
{ 
    public static IHtmlString RenderRawContent(this HtmlHelper helper, string serverPath) 
    { 
     string filePath = HttpContext.Current.Server.MapPath(serverPath); 

     //load from file 
     StreamReader streamReader = File.OpenText(filePath); 
     string markup = streamReader.ReadToEnd(); 
     streamReader.Close(); 

     return new HtmlString(markup); 

    } 
} 

A w głównym widoku Razor na stronie Indeks

@using MyProject.Helpers; 

<script type="text/template" id="person_template"> 

    @Html.RenderRawContent("~/Templates/Person.mustache") 

</script> 

Answer 2

Prawdopodobnie będziesz chciał odsłonić nowego kontrolera, który może zwrócić treść częściowego widoku. Np:

public class TemplateController : Controller 
{ 
    public PartialViewResult Get(string name) 
    { 
    return PartialView(name); 
    } 
} 

Z tym, a trasa:

routes.MapRoute("Templates", "templates/{name}", 
    new { controller = "Template", action = "Get" }); 

można następnie połączyć się z klientem (w tym przykładzie używam jQuery):

var model = { name: "Matt" }; 
$.ajax({ 
    url: "/templates/person", 
    success: function(r) { 
    var html = Mustache.render(r, model); 
    $("body").append(html); 
    } 
}); 

Answer 3

Nazwa pliku Person.mustache.cshtml, aw Index.cshtml:

<script type="text/template" id="person_template"> 
    @Html.Partial("Person.mustache") 
<script type="text/template" id="person_template"> 

Nie trzeba pisać pomocnika, aby doręczyć plik, gdy struktura robi to r ty.