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

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

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

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

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 本篇將從四個方面對iOS開發中GCD的使用進行詳盡的講解: 一、什麼是GCD 二、我們為什麼要用GCD技術 三、在實際開發中如何使用GCD更好的實現我們的需求 一、Synchronous & Asynchronous 同步 & 非同步 二、Serial Queues & Concurrent Queu
  • Android編譯過程中遇到的難題及解決方案。
  • UIViewAutoresizingNone = 0, UIViewAutoresizingFlexibleLeftMargin = 1 << 0, UIViewAutoresizingFlexibleWidth = 1 << 1, UIViewAutoresizingFlexibleRightMa
  • 本篇爭取一篇講清講透,依然將通過四大方面清晰的對iOS開發中多線程的用法進行詳盡的講解: 一、什麼是多線程 1)多線程執行原理 2)線程與進程 3)多線程的優缺點 二、我們為什麼要用多線程編程技術 三、如何使用多線程技術 1)pthread技術 2)NSThread技術 2.1)線程屬性 2.2)資
  • 兩年前,蘋果為現代的使用者完全改變了設計語言。對於設計者來說,這使得他們更容易關註動畫和功能而不是其他的細枝末節。 我已經被問過很多次怎樣開始設計或者是有什麼捷徑可以成為更好的設計師。雖然沒有銀彈,然而有很多的技巧和規則設計將影響您普遍設計的方式。 即使你設計一個完全不同的平臺上,如果您已經瞭解了在
  • 年前一直在加班趕項目,斷更一月有餘,新年將至,在這裡祝各位看官新年快樂,大吉大利 在這裡推薦兩本好書,是博主準備年假期間學習的,斟酌了許久,買了這兩本,確實是非常好的進階書,推薦給大家 1.OC高級編程:一本面向iOS中級開發者的書,這本書只有三章,分別是記憶體管理,Block和GCD。但是書中詳細的
  • 一些不常見確又很實用的代碼塊。 1.精確獲取屏幕尺寸(例如:3.5、4.0、5.0寸屏幕) public static double getScreenPhysicalSize(Activity ctx) { DisplayMetrics dm = new DisplayMetrics(); ctx
  • case 這個關鍵詞,用的地方不少~大部分的用途都通過以下的方式去應用 DECLARE @i INT = 3 SELECT CASE @i WHEN 1 THEN 1 WHEN 2 THEN 2 WHEN 3 THEN 3 END AS 測試1; 測試1 ----------- 3 DECLARE
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...