Using bool from model in jQuery

Question

I have jQuery function in my view.

And variable in my view model:

public bool pageChanged { get; set; }

Function:

$(document).ready(function () {
    if (@Model.pageChanged == true) {
        $('html, body').animate({
                scrollTop: $("#picture_section").offset().top
        }, 2000);
    }
});

Without if statement it works fine. But if I want to compare bool value of my model it doesn't work. I tried alert("@Model.pageChanged") and it showed right value.

So I tried

if(@Model.pageChanged) {
}

if(@Model.pageChanged == true) {
}

But it didn't work. How could I change the if statement to work? Is there problems with types?

Thank you for solving issue.

If you want to get an mvc object in jquery, use '@Model.pageChanged' — Carsten Løvbo Andersen
– Carsten Løvbo Andersen, Commented Aug 25, 2017 at 12:50
if (@Html.Raw(Json.Encode(@Model.pageChanged )) == true) { ... } (or just if (@Html.Raw(Json.Encode(@Model.pageChanged))) { ... } — user3559349
– user3559349, Commented Aug 25, 2017 at 12:53

Brian Mains · Accepted Answer · 2017-08-25 12:57:40Z

3

So there are boundaries between the client and server that are potentially in play. The model code within a view, in the context you have it, essentially determines what gets rendered to the view. So if you have this:

if (@Model.pageChanged == true) {

The server-side code renders the value of pageChanged to the client, except I found there are issues with rendering false. A common workaround was:

if (@Model.pageChanged.ToString().ToLower() == true) {

Which will render:

if (true == true) {

OR

if (false == true) {

So you don't necessarily need the "== true" part.

If you want to control what JS actually gets rendered, you can do:

$(document).ready(function () {
    @if (Model.pageChanged == true) {
        <text>
         $('html, body').animate({
            scrollTop: $("#picture_section").offset().top
         }, 2000);
        </text>
    }
});

This text:

@if (Model.pageChanged == true) {

Becomes a server-side evaluation and determines whether the jQuery animate statement event renders at all, based on the value of pageChanged.

answered Aug 25, 2017 at 12:57

Brian Mains

50.8k35 gold badges156 silver badges261 bronze badges

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

1 Comment

Michal Fiala Over a year ago

Thank you. It solved it, but why there must be the <text> </text> marks? Without them it didn´t work.

oopsdazie · Accepted Answer · 2017-08-25 13:15:19Z

0

Or you could do something like this:

if ("@Model.pageChanged" == "True") {...}

Here is the link to explain why "True" not "true": Why does Boolean.ToString output "True" and not "true"

answered Aug 25, 2017 at 13:15

oopsdazie

7711 gold badge8 silver badges26 bronze badges

Collectives™ on Stack Overflow

Using bool from model in jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related