Variable 1.1—增加对JSON的支持

Variable1.1及其源代码下载

Variable1.1是一个用于在客户端与服务器之间传递数据的控件,Variable1.1的功能特点有:

(1) 可以向Javascript传递DataTable,Hashtable等类型的变量,并在页面生成一个名称与控件ID相同的变量以方便访问。

(2) 在客户端可以使用Javascript修改变量的值,提交在后台可以获得该变量更新后的值。

Variable控件使用指南

1.向客户端Javascript传递变量

使用Variable,可以用以下两种方法将数据传送到客户端:

(1) 直接赋值

使用这种方式传送数据,只需直接设置Value的属性即可,如下所示:

DataTable dt = new DataTable();
dt.TableName 
= "Contact";
dt.Columns.Add(
"Name");
dt.Columns.Add(
"Tel");
dt.Columns.Add(
"Mail");
dt.ReadXml(Server.MapPath(
"contact.xml"));

Hashtable val 
= new Hashtable();
val.Add(
"A"1);
val.Add(
"W"100.325);
val.Add(
"B""String");
val.Add(
"F"new String[] { "C1""C2""C3" });
val.Add(
"C"new int[] { 123 });
val.Add(
"D", DateTime.Now);
val.Add(
"T", dt);

MyVariable.Value 
= val;

2.在页面中访问变量

加载页面后,Variable已经为你生成一个对应的Javascript对象(当Value的值不包含DataTable或DateTime时,生成的Javascript与JSON相同),如下所示:

MyVariable={
    
'B':'String',
    
'T':new DataTable(
        [
            {
                
'Name':'John',
                
'Tel':'24325',
                
'Mail':'John@126.com'
            },
            {
                
'Name':'Tom',
                
'Tel':'1234567',
                
'Mail':'Tom@126.com'
            },
            {
                
'Name':'Lucy',
                
'Tel':'963258',
                
'Mail':'Lucy@hotmail.com'
            }
        ],
        [
'Name','Tel','Mail'],
        
'Contact'
    ),
    
'A':1,
    
'W':100.325,
    
'C':[
        
1,
        
2,
        
3
    ],
    
'D':new Date(2009,2,24,0,10,52),
    
'F':[
        
'C1',
        
'C2',
        
'C3'
    ]
}

3.将数据送回服务器

当你在客户端修改变量的值后,提交后Variable将自动把修改后的值送回服务器。例如:

在客户端用以下代码修改变量MyVariable的值

MyVariable=['Hello','World']

it知识库Variable 1.1—增加对JSON的支持,转载需保留来源!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。