Accessing ViewBag.Something using JS

Question

In the MVC project I have an assignment:

ViewBag.SomeOne = "one";
ViewBag.SomeTwo = "two";

On the page, I'm displaying the first directly:

<div id="one">@ViewBag.SomeOne</div>

The other, isn't displayed at first. I've been instructed to create a jQuery expression that combines the two and creates a DIV element with them in it upon a click on the visible one. So I went:

<script type="text/javascript">
  $(document).ready(function () {
    $("#one").click(function () {
      var toghether = "";
      $("#both").append(together);
    }
  }
</script>

Now, the problem is that I can't find a nice way to access the value of ViewBag.One and can't find any way to access the value of ViewBag.Two.

I went cheating like this:

$("#one").text();

How can I make it better? And how can I access the other?

Sirwan Afifi · Accepted Answer · 2013-10-30 18:51:03Z

2

you can access ViewBag value from javascript :

var toghether = '@(ViewBag.SomeOne)' + ' @(ViewBag.SomeTwo)';

for example :

public ActionResult Index()
{
  ViewBag.SomeOne = "one";
  ViewBag.SomeTwo = "two";
}

in View :

@section JavaScript{
   <script type="text/javascript">
      $(document).ready(function () {
        $("#one").click(function () {
          var toghether = '@(ViewBag.SomeOne)' + ' @(ViewBag.SomeTwo)';
          $("#both").append(together);
        }
      }
  </script>
}

edited Oct 30, 2013 at 18:51

answered Oct 30, 2013 at 18:45

Sirwan Afifi

10.8k14 gold badges67 silver badges111 bronze badges

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

2 Comments

Konrad Viltersten Over a year ago

Oh, this was nice. I always put in the script tag outside section. Didn't think of this.

Sirwan Afifi Over a year ago

it's because I defined section in my _Layout page, you can put your code outside of section.

Collectives™ on Stack Overflow

Accessing ViewBag.Something using JS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related