資料庫的值獲取過來轉換成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' }
                    ];

再就可以改好格式了，成功後的結果：