Using model in jQuery

Question

I want to hide a button based on a value in my model which I am passing to the page.

    @model Indigo.Contracts.DataContracts.JobDetailDto

    @{
        Layout = "~/Views/Shared/_Layout.cshtml";
    }

    <script>
        $(document).ready(function () {
            if(@Model.StatusNameInternal === "Completed")
            {
                $('#cancelButton').prop("hidden", true);
            }
            });
    </script>

<table>
    <tr>
        <td>&nbsp;</td>
        <td><input type="submit" id="cancelButton" value="Cancel" /></td>
        <td><input type="submit" id="restartButton" value="Restart" /></td>
        <td><input type="submit" id="finalizeButton" value="Finalize" /></td>
    </tr>
</table>

What I would like to do is, when my document is ready, check if the StatusNameInternal = "Completed", then hide the cancelButton.

Dave Ward · Accepted Answer · 2014-01-27 08:39:35Z

2

You're close. Since @Model.StatusNameInternal resolves to a string, you need to quote that value in your JavaScript:

if ('@Model.StatusNameInternal' === 'Completed') {

Also, I'm not sure that .prop('hidden', true) will do what you want. I think you probably want .hide() or .css('visibility', 'hidden').

answered Jan 27, 2014 at 8:39

Dave Ward

60.7k14 gold badges119 silver badges134 bronze badges

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

1 Comment

Bart Schelkens Over a year ago

You were correct, it seems that I was close. And the 'hidden' doesn't work, so I'm using the .hide() now.

Sudharsan S · Accepted Answer · 2014-01-27 08:39:11Z

0

Try this:

 <script>
            $(document).ready(function () {
                if(@Model.StatusNameInternal === "Completed")
                {
                    $('#cancelButton').hide();
                }
                });
        </script>

answered Jan 27, 2014 at 8:39

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

Collectives™ on Stack Overflow

Using model in jQuery

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related