資料庫的值獲取過來轉換成Json數組的方法

来源:http://www.cnblogs.com/yishanqinghe/archive/2016/02/04/5181176.html

原文出處:http://www.cnblogs.com/jianglan/archive/2011/08/22/2149834.html .cs文件的主要代碼: public class User_List //這個類是對應是Extjs的Grid的field裡面的,field有幾項就寫幾項 { pu

原文出處: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' }
];
複製代碼

再就可以改好格式了,成功後的結果:

更多相關文章
  • Query #41 Memory Clerk Usage -- Memory Clerk Usage for instance -- Look for high value for CACHESTORE_SQLCP (Ad-hoc query plans) SELECT TOP(10) mc.[ty
  • 正如文章《通用的業務編號規則設計實現(附源碼)》 文章里需要一個多實例和線程安全的序列化生成器,在SQL Server 2012+ 版本 有一個通過.NET程式集的序列號transact-sql 函數 http://msdn.microsoft.com/zh-cn/library/ff878091.
  • 上一篇,我們對hive的數據導出,以及集群Hive數據的遷移進行描述。瞭解到了基本的hive導出操作。這裡,我們將對hive的CLI及JDBC這些實用性很強的兩個方便進行簡要的介紹。 下麵我們開始介紹hive的CLI和JDBC。
  • 一、安裝 目前,官方最新穩定版本為3.0.7 # wget http://download.redis.io/releases/redis-3.0.7.tar.gz # cd /usr/local/ # tar xvf /root/redis-3.0.7.tar.gz # cd redis-3.0.
  • 以後我們會看到越來越多的機器人。春晚上也有。
一周排行
  • 一、課程介紹 曾經有一位不知名的講師說過這麼一句名言: 一門RPC技術不會,那麼千萬萬門RPC技術將都不會!在今天移動互聯網的時代,作為攻城師的我們,誰不想著只寫一套API就可以讓我們的Web, Android APP, IOS APP, iPad APP, Hybired APP, H5 Web共 ...
  • MVC也好,WebAPI也好,據我所知,有部分人是因為複雜的路由,而不想去學的。曾經見過一位程式猿,在他MVC程式中,一切皆路由,url中是完全拒絕"?"和“&”。對此,我也不好說什麼,搞不好是個人風格。路由雖然重要,但其實也只是實現MVC的一種手段,並非你用的路由越多,你的url完全不使用參數,你 ...
  • 基於Ubuntu安裝redis, 我找的一個很好的網站: https://www.digitalocean.com/community/tutorials/how-to-install-and-configure-redis-on-ubuntu-16-04設置redis密碼登錄, 編輯redis.c ...
  • 原文鏈接 一.Has方法: 二.With方法: ...
  • 本文的概念性內容來自深入淺出設計模式一書 項目需求 這是一個糖果機的需求圖. 它有四種狀態, 分別是圖中的四個圓圈: No Quarter: 無硬幣 Has Quater 有硬幣 Gumball Sold 糖果賣出 Out of Gumball 沒有糖果了 這個圖很像一個狀態圖. 每個圓圈就是一個狀 ...
  • 最近有個統計分佈的需求,需要按統計本周,上周,本月,上月,本季度,上季度,本年度,上年度等時間統計分佈趨勢,所以這裡就涉及到計算周,月,季度,年度等的起止時間了,下麵總結一下C#中關於根據當前時間獲取周,月,季度,年度等時間段的起止時間的方法,廢話不多說,直接貼代碼,如果你覺得有用,請多多推薦。 ...
  • 本文是一篇介紹net同步非同步的文章,是為張四火同學原創的。請張四活同學及廣大讀者指出,文章不通順的地方。後續應當還有兩篇文章敬請期待 ...
  • 在WPF里用MediaElement控制項,實現一個迴圈播放單一視頻的程式,同時可以控制視頻的播放、暫停、停止。 一種方式,使用MediaElement.MediaEnded事件,在視頻播放結束後,自動重新播放; 另一種方式,使用WPF定時器,在定時器事件里寫入視頻播放代碼。 後者優點是可以控制迴圈時 ...
  • 最近因為公司業務需要,又有機會擼winform了,這次的需求是因為公司有項目申報的這塊業務,項目申報前期需要關註政府發佈的相關動態信息,政府部門網站過多,人工需要一個一個網站去瀏覽和查閱,有時候還會遺漏掉,因此呢,我們打算用爬蟲+移動端web來做,我呢主要負責爬蟲和web Api。 爬蟲篇 爬蟲主要 ...
  • AspNetCoreApi 跨域處理 如果咱們有處理過MV5 跨域問題這個問題也不大。 (1)為什麼會出現跨域問題: 瀏覽器安全限制了前端腳本跨站點的訪問資源,所以在調用WebApi 介面時不能成功訪問資源,原因“同源策略”的存在: 同源指以下幾點相同 (1) IP地址/功能變數名稱 (2) 埠號 (3) ...