ASP.NET MVC 3 Razor:初始化一个JavaScript数组

前端之家收集整理的这篇文章主要介绍了ASP.NET MVC 3 Razor:初始化一个JavaScript数组前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在ASP.NET MVC 3中使用Razor初始化JS数组的首选方法是在我的模型/视图模型中具有哪些值?

例如,初始化表示日期的字符串数组:

@H_502_4@<script type="text/javascript"> var activeDates = ["7-21-2011","7-22-2011"]; </script>

@H_502_4@public class Myviewmodel { public DateTime[] ActiveDates { get; set; } }

解决方法

我不太明白JS和ASP.NET MVC 3 Razor之间的关系。无论在服务器上使用哪种技术来生成页面,JavaScript都可以在客户端运行。所以在javascript上,一个数组是一个数组。

在javascript中定义数组的几种可能性

@H_502_4@var activeDates = [ '7-21-2011','7-22-2011' ];

要么:

@H_502_4@var activeDates = new Array(); activeArrays.push('7-21-2011'); activeArrays.push('7-22-2011');

还是:

@H_502_4@var activeDates = new Array(); activeArrays[0] = '7-21-2011'; activeArrays[1] = '7-22-2011';

最后,所有这些代表相同的数组。但它是一系列字符串,而不是日期。

如果你想有一个数组的日期,这里是你可以做的:

@H_502_4@var activeDates = [ new Date(2011,6,21,0),new Date(2011,22,0) ];

现在我可以看到与ASP.NET MVC有关的唯一关系就是你的视图模型可能有一些数组:

@H_502_4@public class Myviewmodel { public DateTime[] ActiveDates { get; set; } }

你想在一个javascript数组中序列化和操作。在这种情况下,这里是语法:

@H_502_4@@model Myviewmodel <script type="text/javascript"> var activeDates = @Html.Raw(Json.Encode(Model.ActiveDates)); </script>

现在由于DateTime字段是在JSON中序列化的方式,所以您将在生成的HTML中使用以下内容

@H_502_4@var activeDates = ["\/Date(1309471200000)\/","\/Date(1311199200000)\/"];

并且如果你想将这个数组的字符串转换成一个实际的javascript日期的数组:

@H_502_4@var dates = $.map(activeDates,function(date,index) { date = date.replace('/Date(','').replace(')/',''); return new Date(parseInt(date)); });

猜你在找的asp.Net相关文章