Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I use cshtml files with Durandal?

I got the DurandalJS StarterKit template on VS2012... All works great...

But in some views I need to do something like that:

@if (Roles.IsUserInRole("Administrators"))
{
   <p>Test</p>
}

However with durandal all my views are '.html' files... Is that possible to use '.cshtml' files to access some information like that?

Or is there any other way to do that with durandal?

Junior

like image 654
Junior Avatar asked Feb 20 '13 14:02

Junior


People also ask

How do Cshtml files work?

A file with . cshtml extension is a C# HTML file that is used at server side by Razor Markup engine to render the webpage files to user's browser. This server side coding is similar to the standard ASP.NET page enabling dynamic web content creation on the fly as the webpage is written to the browser.


1 Answers

I am doing it like this:

  1. Create a generic controller for Durandal views:

    public class DurandalViewController : Controller
    {
      //
      // GET: /App/views/{viewName}.html
      [HttpGet]
      public ActionResult Get(string viewName)
      {
        return View("~/App/views/" + viewName + ".cshtml");
      }
    }
    
  2. Register a route:

    routes.MapRoute(
        name: "Durandal App Views",
        url: "App/views/{viewName}.html",
        defaults: new { controller = "DurandalView", action = "Get" }
    );
    
  3. Copy Views/web.config to /App/views/web.config (so Razor views work in this location).

This lets me use the normal Durandal conventions (even the html extension for views), and put durandal views as cshtml files in their normal location without adding any more server code.

If you also have static html views, you can also place the cshtml views in a subfolder or use the normal MVC /Views folder.

like image 115
Maarten Avatar answered Sep 19 '22 21:09

Maarten