在mvc中加载视图时调用javascript函数

时间:2014-10-03 08:15:23

标签: javascript c# asp.net-mvc razor

我想在我的观点中调用js function

@model DomainClass.Group

@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_Layout.cshtml";
    <script language="javascript" type="text/javascript">
        document.read = function myFunction() {
            if (ViewBag.State == "error") {
                if (confirm("معیار مورد نظر دارای زیر مجموعه های مرتبط است. آیا تمایل به ویرایش دارید ؟")) { } else {
                    history.back();
                }
            }

        }
    </script>

}

    }
    @using (Html.BeginForm())
    {
       //my code 
    }

    @section Scripts {
        @Scripts.Render("~/bundles/jqueryval")
    }

正如您所看到的,我的函数名称是myfunction并且它取决于viewbag值,但它永远不会被浏览器调用!!!

我应该在视图中添加额外的代码吗?

任何想法都将受到赞赏。

祝你好运

1 个答案:

答案 0 :(得分:2)

您的脚本永远不会被执行,因为它不会呈现给页面。所以我把它从服务器标签移到了HTML标记中。只填写您需要的参数。但是你有第二个问题。您将该函数签名为窗口中的变量。无论右侧功能的名称如何,它都将命名为左侧的功能。事实上,右边不应该有一个名字。然后第三个也是最后一个问题是,你不要在任何地方调用该函数。因为我看到你包含了jquery validate我假设你还包含了jQuery并且使用了他们的文档就绪函数。

我已经包含了您的功能更新。还有更多的优化空间,但它不包括它们,以明确你的错误在哪里。

@model DomainClass.Group
@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script language="javascript" type="text/javascript">
    //use window instead of document
    window.myFunction = function () {
        //Try setting the boolean this way
        var x = @(ViewBag.State == "error" ? "true" : "false");
        if (confirm("معیار مورد نظر دارای زیر مجموعه های مرتبط است. آیا تمایل به ویرایش دارید ؟")) {

        }
        else {
            history.back();
        }
    }

    $(function () {
        window.myFunction();
    });
</script>
@using (Html.BeginForm())
{
    //my code
}
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}