How to get the data from the Model into a JavaScript function?

Question

I have a Model that contains Date of the report.

On a click, I want to display the report for that date in the popup.

I have the following logic:

 Click to view Report <button type='button' class='k-button btn-icon-sm btn-hyperlink' id='btnViewRpt' onclick='ViewRptData()'><span class='k-icon k-i-hyperlink-open-sm'></span></button>

Then I have a script that calls a function:

<script>

    function ViewRptData()
    {
        var test = {@Model.FileDate}
        alert(test);
    }

</script>

When clicking on the button, I'm getting a console error:

SCRIPT1003: Expected ':'

What am I doing wrong?

sanfalero · Accepted Answer · 2018-07-27 15:39:12Z

1

You need to set your model property into a property of the javascript object.

 var test = { fileDate: '@Model.FileDate'};

answered Jul 27, 2018 at 15:39

sanfalero

3923 silver badges19 bronze badges

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

1 Comment

gene Over a year ago

Thank you, that's exactly what I was looking for

Collectives™ on Stack Overflow

How to get the data from the Model into a JavaScript function?

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related