你的位置:首页 > 数据库

[数据库]数据库的值获取过来转换成Json数组的方法


原文出处:http://www.cnblogs.com/jianglan/archive/2011/08/22/2149834.html

.cs文件的主要代码:

复制代码
public class User_List //这个类是对应是Extjs的Grid的field里面的,field有几项就写几项
{
public int VoteID = 0;
public string VoteName = "";
public DateTime SystemDateTime = DateTime.Parse(DateTime.Today.AddDays(1).ToString("yyyy-MM-dd"));
public DateTime EndTime = DateTime.Parse(DateTime.Today.AddDays(1).ToString("yyyy-MM-dd"));
public string IsStatus = "禁用";
public int SubmitTimes = 0;
}
protected List<User_List> lst = new List<User_List>();//创建数组
protected User_List userlst = new User_List();//定义的类设置对象

for (int i = 0; i < limit; i++)//遍历获取值
{
userlst = new User_List();//每次循环就新定义对象,不然复制的都是同一组值,每次覆盖原来复制的(这个很重要)
userlst.VoteID = (int)dt.Rows[i]["VoteID"];
userlst.VoteName = dt.Rows[i]["VoteName"].ToString();
userlst.SystemDateTime = DateTime.Parse(dt.Rows[i]["SystemDateTime"].ToString());
userlst.EndTime = DateTime.Parse(dt.Rows[i]["EndTime"].ToString());
userlst.IsStatus = dt.Rows[i]["IsStatus"].ToString();
userlst.SubmitTimes = (int)dt.Rows[i]["SubmitTimes"];
lst.Add(userlst);
}
//下面的代码就是将数据库的值转化为Json的主要代码
JavaScriptSerializer java = new JavaScriptSerializer();
StringBuilder sb = new StringBuilder();
java.Serialize(lst, sb);
string json = sb.ToString();
json = "{totalPorperty:" + dt1.Rows[0]["totalPorperty"].ToString() + ",root:" + json + "}";
return json;
复制代码

.js文件中:

cm代码:

复制代码
cm = new Ext.grid.ColumnModel(//对列的定义,cm是它的简写,作为真个表格的列模式,需要首先创建的
[new Ext.grid.RowNumberer(), Vote_List_sm,
{ header: "问卷名", width: 250, sortable: true, align: 'center', dataIndex: 'VoteName' },
{ header: "创建时间", width: 200, sortable: true, align: 'center', dataIndex: 'SystemDateTime' },
{ header: "结束时间", width: 200, sortable: true, align: 'center', dataIndex: 'EndTime' },
{ header: "状态", width: 200, sortable: true, align: 'center', dataIndex: 'IsStatus' },
{ header: "投票次数", width: 200, sortable: true, align: 'center', dataIndex: 'SubmitTimes' }
]);
复制代码

 


field代码:

复制代码
fields = [//设置显示的列名的变量名和变量类型
{name: 'VoteID', type: 'int' },
{ name: 'VoteName', type: 'string' },
{ name: 'SystemDateTime', type: 'datetime' },
{ name: 'EndTime', type: 'datetime' },
{ name: 'IsStatus', type: 'string' },
{ name: 'SubmitTimes', type: 'int' }
];
复制代码

store代码:

复制代码
store = new Ext.data.Store
({//store用来创建一个数据存储对象,是GridPanel必备的属性
proxy: new Ext.data.HttpProxy({ url: Vote_List_url }), //是指获取数据的方式
totalProperty: 'totalPorperty', //表示后台传过来的参数以totalPorperty开始的为数据的总条数
reader: new Ext.data.JsonReader({ totalProperty: "totalPorperty", root: "root", fields: Vote_List_fields }),
remoteSort: false,
sortInfo: { field: 'VoteID', direction: "DESC"}//设置排序方式,按Userid降序排列,新插的信息显示在最上面
});
复制代码

在Extjs的Grid中显示的数据的写法和普通的格式一样。但是显示出来后的样子确实这样的:

细心的朋友会发现,datetime的格式的数据显示出来的是乱码一样的东西,这个纠结了很久。查了网上的很多资料,找到一篇比较好的,和大家一起分享下。
  从数据库中取出来的时间类型的数据,Json化以后会出现形如:\/date(125465701)\/ 样子的数据,这样的数据在Grid中无法直接显示成合法的日期形式。这个要在前台处理一下。首先定义个函数:

      //转换为可显示日期
        function Todate(v) {

        if(v == null)

        {

          return null;

        }
            var d = new Date();
            var str = v.toString();
            var str1 = str.replace("/Date(", "");
            var str2 = str1.replace(")/", "");
            var dd = parseInt(str2);
            d.setTime(dd); return d;
      };

  在Store里面只对日期这个选项做如下设置:

     { name: 'TXRQ', type: 'date', dateFormat: 'Y-m-d', convert: Todate }

  在ColumnModel中要做如下设置:

  {  header: '填写日期',
            dataIndex: 'TXRQ',
            renderer: Ext.util.Format.dateRenderer('Y年m月d日'),
            sortable: true,
            width: 95
        }

  这样就可以显示正常显示日期数据了数据。

(引用:Json化后的时间类型数据在Extjs Grid中的显示问题)

所以,我们的cm代码要改成:

复制代码
cm = new Ext.grid.ColumnModel(//对列的定义,cm是它的简写,作为真个表格的列模式,需要首先创建的
[new Ext.grid.RowNumberer(), Vote_List_sm,
{ header: "问卷名", width: 250, sortable: true, align: 'center', dataIndex: 'VoteName' },
{ header: "创建时间", width: 200, sortable: true, align: 'center', dataIndex: 'SystemDateTime',renderer: Ext.util.Format.dateRenderer('Y年m月d日') },
{ header: "结束时间", width: 200, sortable: true, align: 'center', dataIndex: 'EndTime', renderer: Ext.util.Format.dateRenderer('Y年m月d日') },
{ header: "状态", width: 200, sortable: true, align: 'center', dataIndex: 'IsStatus' },
{ header: "投票次数", width: 200, sortable: true, align: 'center', dataIndex: 'SubmitTimes' }
]);
复制代码

field部分代码要改成:

复制代码
fields = [//设置显示的列名的变量名和变量类型
{name: 'VoteID', type: 'int' },
{ name: 'VoteName', type: 'string' },
{ name: 'SystemDateTime', type: 'datetime', dateFormat: 'Y-m-d', convert: Todate },
{ name: 'EndTime', type: 'datetime', dateFormat: 'Y-m-d', convert: Todate },
{ name: 'IsStatus', type: 'string' },
{ name: 'SubmitTimes', type: 'int' }
];
复制代码

再就可以改好格式了,成功后的结果:
欧洲旅游几月份最好欧洲旅游怎么样几月去欧洲旅游最便宜怎样去欧洲旅游7月欧洲旅游夜游两江四湖 尽享桂林环城水系 “摄影师眼中的泰国”摄影展在成都西安两地举行 天津2015年有什么好玩的节庆活动?2015天津旅游日历出炉 厦门机场怎么去鼓浪屿? 北京哪家寿司好吃又便宜呢? 爬山看夜景 武汉三大地点推荐 晒太阳吹海风 玩遍海南自驾全攻略 哇塞,太美了!沿海游客点赞达古冰山彩林 从深圳出发到厦门玩4天,大概多少钱? 海口到三亚的动车最晚一班车是几点?全程多长时间?票价多少? 去丽江旅游会不会出现高原反应?该如何应对? 深圳到丽江有没有直达的火车?怎么坐火车去丽江? 深圳观澜山水田园在哪?怎么去? 深圳锦绣中华有什么景点? 2013年情人节去深圳世界之窗多人吗? 深圳罗湖火车站离深圳北站有多远?怎么去? MCP1725-0802E/SN Datasheet MCP1725-0802E/SN Datasheet MCP1725-1202E/SN Datasheet MCP1725-1202E/SN Datasheet MCP1725-1802E/SN Datasheet MCP1725-1802E/SN Datasheet 湄洲岛攻略 湄洲岛攻略 湄洲岛攻略 垂死之家 垂死之家 垂死之家 七彩驿站 七彩驿站 七彩驿站