asp.net mvc 2 - return JavaScript with View

Question

using ASP.NET MVC 2 I have a navigation menu inside my Master Page. In the navigation menu, I am trying add a class to the that the current page relates to (i.e., home page will add class="active" to the Home button). I'm trying to consider scalability and the fact that I don't want to change individual pages if the navigation changes later.

The only way I can think of doing this is:

Add JavaScript to each individual View that will add the class when the DOM is ready
Return JavaScript when return View() occurs

on point (2), I am unsure how to do. Thus far I have been doing the following in my controller:

    public ActionResult Index()
    {
        ViewData["message"] = JavaScript("<script type='text/javascript' language='javascript'> $(document).ready(function () { console.log('hi hi hi'); }); </script>");

        return View();
    }

but in my view, when I call:

<%: ViewData["message"] %>

I get: System.Web.Mvc.JavaScriptResult as the result

Would you guys have any ideas on

How to solve the navigation menu problem, other than the solutions I've listed
return JavaScript along with your view from the Controller

Shay Friedman · Accepted Answer · 2010-05-13 15:51:09Z

1

To fix your code, save a string in the ViewData["message"] variable:

public ActionResult Index()
{
    ViewData["message"] = "<script type='text/javascript' language='javascript'> $(document).ready(function () { console.log('hi hi hi'); }); </script>";

    return View();
}

and then render it on the page with <%= %> and not <%: %>:

<%= ViewData["message"] %>

answered May 13, 2010 at 15:51

Shay Friedman

4,8786 gold badges39 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tomasz Iniewicz Over a year ago

strange. I could have SWORN I tried that. I know that using <%: %> will basically say HTML.Encode()... but than what does the <%= %> do?

Tomasz Iniewicz Over a year ago

also, would you have an idea to on how to solve the navigation menu probelem, other than the solutions I've listed?

Shay Friedman Over a year ago

<%: %> does Html.Encode and <%= %> doesn't. For navigation menus I generally recommend using ASP.NET's navigation capabilities with sitemaps and all. Read more about it. I think the next page will be a good start: asp.net/mvc/tutorials/…

B. Bilgin · Accepted Answer · 2012-04-10 15:22:41Z

0

public JavaScriptResult Index() 
{
    return JavaScript("<script type='text/javascript' language='javascript'> $(document).ready(function () { console.log('hi hi hi'); }); </script>"); 
}

answered Apr 10, 2012 at 15:22

B. Bilgin

78313 silver badges22 bronze badges

Collectives™ on Stack Overflow

asp.net mvc 2 - return JavaScript with View

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related