ASP.NET基础教程 控件编程.NET设计模式 高级应用
返回首页
当前位置: 首页 > ASP.NET教程 > .NET设计模式 >

通过ViewData传递列表给JavaScript数组

时间:2009-11-04 12:16来源:未知 作者:苍苔 点击:我要投稿  高质量的ASP.NET空间,完美支持1.0/2.0/3.5/4.0/MVC等

最近的项目需要一个添加计划表功能:用户添加一条条计划,保存到javascript数组,生成TABLE,最终传值给controller。这样子,在用户编辑或Postback的时候需要从controller传值给View。首先,想到的是使用ViewData保持IList,然后到View遍历赋值给javascript的array。但是在Javascript中使用一大串的<%%>,编译器不是提示缺“)”就是缺";"...(表笑我-_-|||)

  嗯。到网上搜索下,找了一篇类似问题的帖子。

 

   How to iterate through objects in ViewData via javascript on the page/view?

    在帖子的回复中提供了2种思路,一是直接View中foreach ViewData的List生成数组。对这种方法感兴趣的朋友可以自己看一下,我还是觉得对View不友好。另一种是使用保存JSON到ViewData,使对javascript来说莫名其妙的容器变为熟悉无比的JSON。这里主要讲第二种。

    首先是我们需要将列表转为JSON。帖子也提到了ScottGu大牛的一篇文章:Tip/Trick: Building a ToJSON() Extension Method using .NET 3.5。在文章中定义了2个转换OBject为JSON的扩张方法。 

 

        public static string ToJSON(this object obj)
        {
            JavaScriptSerializer serializer 
= new JavaScriptSerializer();
            
return serializer.Serialize(obj);
        }

        
public static string ToJSON(object obj, int recursionDepth)
        {
            JavaScriptSerializer serializer 
= new JavaScriptSerializer();
            serializer.RecursionLimit 
= recursionDepth;
            
return serializer.Serialize(obj);
        }

 

     使用起来也很简单: ViewData["Schedules"] = ScheduleList.ToJSON();

  通过JavaScriptSerializer将对象转换为JSON,我们就能很容易的在Javascript中处理。比如用Jquery:


        var data=new Array();
        $(document).ready(
function(){
        
var content=<%=ViewData["Schedules"]==null?0:ViewData["Schedules"%>;
        
if(content!=0)
        {
            $.each(content, 
function(i, item) {
            data.push(
new Array(item["ItemA"],item["ItemB"],item["ItemC"]));           
            });         
        }
        }); 
本站推荐文章:
本站热点文章:
顶一下
(5)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色 情、暴力、反动的言论。
评价:
表情:
用户名:密码: 验证码:点击我更换图片