Use ViewBag object in JQuery, value does not display correctly

Question

I'm working on a MVC3 app. In my action, I have ViewBag object that has either true or false value - I used breakpoint and can see that in the action, they have the correct values. Now, when I get to the view, I want to check these ViewBag object in jQuery Code:

if (@ViewBag.ind == true) {
        $objKpr = $("[email protected]");
        $objKpr.click();
    }

When I tested own code with Firebug, it returned

 if (False == false) 
         {
        $objKpr = $("[email protected]");
        $objKpr.click();
         }

Viewbag was interpreted as a 'False' rather than a variable holding a value of false.Why is this happening?

Thanks for answers But the question was in another-Why a ViewBag inside a jQuery would not yield the correct value?

Satpal · Accepted Answer · 2014-07-28 08:10:14Z

1

You can simply use

var condition = @(myBooleanVariableInCSharp ? "true" : "false";
if (condition == true) {
    $objKpr = $("[email protected]");
    $objKpr.click();
}

OR

You should use @ViewBag.ind.ToString().ToLower(). You need to convert the value which JavaScript can understand.

Your problem as bool values are lowercase in javascript and uppercase in C#

Like

if (@ViewBag.ind.ToString().ToLower() == true) {
    $objKpr = $("[email protected]");
    $objKpr.click();
}

edited Jul 28, 2014 at 8:10

answered Jul 28, 2014 at 8:04

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

4 Comments

Adrian Thompson Phillips Over a year ago

+1 can't see anything wrong with this answer, would also love to know why someone downvoted it?

Denis Over a year ago

Satpal.Why is @ViewBag.ind.ToString().ToLower()?why not just use ViewBag.ind.ToLower()?

Saranga Over a year ago

This solution may cause errors if @ViewBag.ind is null. BTW, i'm not the downvoter.

Adrian Thompson Phillips Over a year ago

@Denis @ViewBag.ind is assumed to be of type bool, so the ToLower() method isn't available on it without turning it into a string first.

Adrian Thompson Phillips · Accepted Answer · 2014-07-28 08:19:43Z

Calling @ViewBag.MyProperty in your code will cause the Razor engine to render the property by calling ToString() on the value. E.g.

if (@ViewBag.ind == true) {

Renders as:

if (True == true) {

So you may want to change your code to something like:

if (@ViewBag.ind.ToString().ToLowerInvariant() === true)

Although the values in ViewBag are only available to inject into the JavaScript/View when the page is rendered. They're not as dynamic as JavaScript, where the variables are held client side and can be flipped/changed as many times as you like.

You may wish to use the technique to inject initial values for your scripts:

$(document).ready(function () {
    var ind = @ViewBag.ind.ToString().ToLowerInvariant();

    DoSomething(ind);
});

function DoSomething(ind) {
    if (ind) {
        $objKpr = $("[email protected]");
        $objKpr.click();
    }
}

This way you can initialise the behaviour of ind at render, but then change the value of ind on the client side and call the function DoSomething() many times with different values.

You may wish to look into using JSON, AJAX calls and the JavaScript Module pattern.

Saranga · Accepted Answer · 2014-07-28 08:29:02Z

0

Try this;

if ("@(ViewBag.ind == null ? "false" : ViewBag.ind.ToString().ToLower())" === "true") {

It will not give errors even if ViewBag.ind is null.

Thanks!

edited Jul 28, 2014 at 8:29

answered Jul 28, 2014 at 8:09

Saranga

3,2281 gold badge20 silver badges26 bronze badges

Collectives™ on Stack Overflow

Use ViewBag object in JQuery, value does not display correctly

3 Answers 3

OR

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

OR

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related