Question

我目前正在开发ASP.Net MVC应用程序。从我的数据库中，我创建了三个词典并将它们存储在View Model中。

在控制器中使用某些逻辑填充所述词典后，我通过@Model

在我的视图中访问这些词典

在操作这些词典之后，我需要将数据发送到JS函数以将一些逻辑应用于名为DHtmlxScheduler的JS库

我已经阅读了使用@:的Razor语法，目前正在使用此方法发送两个字符串数组。当试图在JS函数中访问这些数组时，它们只显示为System.String[]

以下是代码：

var weekArray;
var engArray;

@foreach(var week in Model.WeeklySchedule)
{
    var key = week.Key;
    var values = week.Value.ToArray();
    var eng = Model.EngineerSchedule.Where(k => k.Key == key).Select(v => v.Value).ToArray();
    string test = "hello";

    @: gatherTimes('@values', '@eng');
}

function gatherTimes(values, engs)
{
    for(var i = 0; i < values.length; i++)
    {
        alert(values[i]);
    }

    //alert(values);
    //alert(engs);

    //weekArray[weekArray.length] = values;
    //engArray[engArray.length] = engineers;
}

我最终计划在数组中循环，它们保存有关时隙和工程师ID的信息。如果我可以提供更多信息，我会尽力这样做。

Answer 1

您需要使用JSON.Encode将列表编码为JSON。这是一个例子：

@{    
   // C# collection
   var collection= new List<string> {"A", "B", "C"};
 }

<script type="text/javascript"> 
   // encode C# collection to JSON, set to javascript variable
   var arr = @Html.Raw(Json.Encode(collection))
   for(var i = 0; i < arr.length; i++)
   {
      console.log(arr[i]); // Output is A  B  C
   }
</script>

在你的情况下就是这样：

@: gatherTimes('@Html.Raw(Json.Encode(values))', '@Html.Raw(Json.Encode(eng))');

使用Razor语法调用JavaScript函数

1 个答案: