如何从 MVC 视图运行 javascript 函数？

Question

I have tried everything what I have found on the Internet, but nothing worked. I have an external javascript file called calendarCZ.js, the relative path is: ~/Scripts/calendarCZ.js.

I want this js file to include to my View called getSideBar.cshtml.

I have written this in Layout.cshtml:

@Scripts.Render("~/Scripts/calendarCZ.js")
@RenderSection("Scripts", required: false)

I have written this in getSideBar.cshtml:

Scripts.Render("~/Scripts/calendarCZ.js")
@RenderSection("Scripts", required: false)
@section Scripts{
    <script src="@Url.Content("~/Scripts/calendarCZ.js")">
        @Scripts.Render("~/Scripts/calendarCZ.js")
        @if (ViewBag.JS == true)
        {
            printCalendarCZ(@Model.events);
        }
    </script>

}

And he is still ignoring my script with printCalendarCZ(events) function. Error: Identifier printCalendarCZ does not exist in the current context.

Does anyone really know how to include the javascript in MVC 5?

Thanks for replies.

Petr

Answer 1

try directly using script tag

<script src="@Url.Content("~/Scripts/calendarCZ.js")"></script>

or

//take the relative path
<script src="../Scripts/calendarCZ.js" type="text/javascript"></script>

Answer 2

There are two way to do this.

@Scripts.Render("~/Scripts/calendarCZ.js")
<script type="text/javascript">

    $(function () {

        @if (ViewBag.JS == true)
        {
            @:printCalendarCZ(@Model.events);
        }

    });
</script>

or

@Scripts.Render("~/Scripts/calendarCZ.js")
<script type="text/javascript">

    $(function () {

        var jsValue = @ViewBag.JS;
        if (jsValue == true) {
            printCalendarCZ(@Model.events);
        }

    });
</script>

and don't forget to include jquery.