如何从razor视图将参数传递给引用的javascript文件

Question

如果我在我的剃须刀中有这样的javascript ：

@{
    Grid grid = @Model.GetGridFromModel();

    Bool isSomething = @Model.GetSomething();

    Bool isSomethingMore  = @Model.GetSomehtingMore();

    Bool isSomethingElse = @Model.GetSomethingElse()

    int caseCount = 0;
 }  



$(document).ready(function () {    
    $("#tabs").tabs({
        show: function (event, ui) {        
            switch (ui.index) {
            @if (isSomething){
            <text>
                case @caseCount:                    

                    change('@grid.Avalue');

                    break;
            </text>
                caseCount++;
                }

            @if(isSomethingElse){
            <text>   
                case @caseCount:

                    change('@grid.Bvalue');
                    break;
            </text>
                caseCount++;
                }

            @if (isSomethingElseMore){
            <text> 
                case @caseCount:
                    change('@grid.Cvalue');
                    break;
                </text>                 
                }
            }
        }
    });

    funciton change(id)
    {
    //doing somehting;
    }

所以我想把这个javascript放在单独的文件中并将该文件引用到我的视图中，问题是当我在单独的文件中javascript时，如何将值从razor传递给javascript？

Answer 1

Javascript是没有被编译器解析的文件，所以，你没有机会......

但是你可以做的是使用动态javascript，例如：

<script src="/CustomScripts/scripts.js"><script>

有一条说：

routes.MapRoute(
    "CustomScripts", "CustomScripts/{id}",
    new { controller = "Scripts", action = "GetFile" }
);

创建你的控制器并使用一个简单的return View(); 喜欢

public ActionResult GetFile(string id)
{
    // use id as you please

    // pass any Model you want

    return View();
}

在该视图中，只需将您的JavaScript与Razor语法一起使用即可 。

或者你可以使用变量并加载它们使用RenderSection()

在你的_Layout.cshtml文件中，在任何其他javascript之前在<head>添加一个部分

<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

    @RenderSection("script_variables", false)

    <script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-2.0.6-development-only.js")" type="text/javascript"></script>    
</head>

并且在任何View中你想要添加这些变量，只需：

@Section script_variables {

    <script type="text/javascript">

        var variableA = '@MyVarA',
            variableB = '@MyVarB',
            variableC = '@MyVarC';

    </script>

}

加载脚本的所有其他文件都将包含此类代码...

Answer 2

您可以在页面上声明一些js变量，然后使用.js文件中的那些变量

您可以在.js文件中调用函数并将数据作为参数发送

（请考虑创建一个对象并填充数据，而不是创建多个变量。）

如何从razor视图将参数传递给引用的javascript文件

问题描述

2 个解决方案

解决方案1
7 已采纳 2011-08-21 12:02:39

解决方案2
1 2011-08-21 11:46:54

如何从razor视图将参数传递给引用的javascript文件

问题描述

2 个解决方案

解决方案1 7 已采纳 2011-08-21 12:02:39

解决方案2 1 2011-08-21 11:46:54

解决方案1
7 已采纳 2011-08-21 12:02:39

解决方案2
1 2011-08-21 11:46:54