用FlexGrid做開發,輕鬆處理百萬級表格數據

表格數據處理是我們項目開發中經常會遇到的設計需求之一,所需處理的數據量也較大,通常是萬級、甚至百萬級。此時,完全依賴平臺自帶的表格工具,往往無法加載如此大的數據量,或者加載得很慢影響程序執行。

那麼,有沒有好的開發工具,能實現加載大量數據的需求,同時不影響程序執行?

介紹一款高效輕量的數據處理工具 -- FlexGrid,這是一個輕量級的、快速靈活的和可擴展的控件,包含在全能控件套包 ComponentOne Studio Enterprise 中。


FlexGrid 提供了項目開發所需的所有表格數據處理功能,比如過濾、分組、排序和分頁,可幫助您創建友好界面,用於展示、變更、修改格式、組織、總結和打印各種數據。除了基礎功能,還提供更加靈活的高級功能,包括行列凍結、單元格自定義、高級過濾、業務關係數據展示、子報表、彙總、數據樹以及樹形視圖等。

核心優勢:

快速:加載和滾動速度比競爭對手快10倍以上
靈活:可以獲得豐富的功能集,而不膨脹核心控件

  • 靈活的數據綁定
  • 支持多種格式的導入導出
  • 靈活的數據展示
  • 詳盡的演示代碼

體積小:程序集從113KB(ASP.NET MVC)到1,314 KB(WinForms)
跨平臺:FlexGrid能在超過10個平臺上使用,提供相同的基本功能

以 ComponentOne FlexGrid for WinForms 爲例,介紹一下 FlexGrid 的特點。

一、卓越的性能表現 -- 百萬數據立即呈現,無需等待
FlexGrid 提供完備的表格控件數據處理能力,無論是綁定數據源、非綁定模式還是樹形業務數據模式,您都可以體驗到卓越性能帶來的優質體驗。加載100萬行×10列數據僅需0.27秒,
爲您的最終用戶提供高性能業務數據展示和管理能力。
 

二、強大的交互體驗 -- 行、列、單元格的自如定製
FlexGrid 將諸多定製能力內嵌在產品中,讓您的應用系統自如交互。比如調整列寬、調整行高、自適應匹配最佳列寬、自適應匹配最佳行高、通過下拉窗口選擇單元格的數據、通過可視化日期控件或計算器控件指定單元格的值。

 

三、挖掘數據隱藏下的趨勢 -- 過濾、排序、分組、彙總直到打印和導出
大數據時代的問題已經不是數據信息不足,而是如何從數據中挖掘出未來的趨勢和機會。FlexGrid 通過原生的過濾、排序、分組和彙總等能力,爲您的用戶提供數據整理和挖掘的工具。用戶不僅可以簡單過濾出想要的人名或者地區,還可以引入複雜的業務邏輯如獲取銷售額超過300萬的分店列表,並配合排序、分組和彙總等功能更清晰的呈現出各種KPI數據。


此外,FlexGrid 還提供報表能力,通過打印和導出功能,將數據分析結果生成到紙張、Excel或者PDF文件中。無論用於分發和存檔,FlexGrid 都可以輕鬆完成。
 

四、按照業務關係展現數據 -- 子報表、級聯樣式和數據數
面對層級關係複雜的業務數據,傳統的表格是無法滿足需求的。FlexGrid 提供子報表、級聯樣式以及數據樹,能解決此類問題。類似Excel的大綱樣式,允許將多層級聯的子報表逐層展開或收起,可爲您的用戶展示更爲直接的數據間父子關係。

 

五、主題和樣式全是設計風格 -- 便捷的內容主題以及單元格級別的自定義樣式
FlexGrid 內置了包括Office和Windows系統風格的主題皮膚,對於熟悉Office配色方案的最終用戶更容易接受您的應用系統。在此基礎上,如果想要對選擇、高亮、懸停等操作下的單元格進行更高級別的樣式定製,也完全可以通過CellStyle實現。無論是新建應用還是已有系統,FlexGrid 都非常容易融入已有主題或者詮釋全新設計風格。
 

 

學習FlexGrid的使用,可以通過以下的系列文章:

Wijmo5 FlexGrid教程(1)- 在工程中綁定數據

Wijmo5 FlexGrid教程(2)- 使用數據對應DataMap功能

Wijmo5 FlexGrid教程(3)- 實現增加刪除功能

Wijmo5 FlexGrid教程(4)- 實現自定義editor功能

Wijmo5 FlexGrid教程(5)-實現編輯InlineEdit功能

Wijmo5 FlexGrid教程(6)- 實現格式化單元格功能

Wijmo5 FlexGrid教程(7)- 實現合併單元格功能

Wijmo5 FlexGrid教程(8)- 實現合併單元格文字樣式功能

Wijmo5 FlexGrid教程(9)- 實現自定義合併功能

Wijmo5 FlexGrid教程(10)- 實現Excel樣式過濾功能

Wijmo5 FlexGrid教程(11)- 實現右鍵菜單功能

Wijmo5 FlexGrid教程(12)- 實現動態加載右鍵菜單功能

Wijmo5 FlexGrid教程(13)- 實現創建簡單樹形視圖功能

Wijmo5 FlexGrid教程(14)- 實現列頭添加CheckBox功能

Wijmo5 FlexGrid教程(15)- 實現CSS設置樣式功能

Wijmo5 FlexGrid教程(16)- 實現自定義篩選條件功能

Wijmo5 FlexGrid教程(17)- 實現多列排序功能

Wijmo5 FlexGrid教程(18)- 實現添加ToolTip提示功能

Wijmo5 FlexGrid教程(19)- 用Angular2在客戶端導入導出Excel

 

FlexGrid 包含在全能控件套包 ComponentOne Studio Enterprise 中。

點擊此處下載試用 ComponentOne Studio Enterprise。

同時,歡迎加入ComponentOne 官方QQ交流羣:415971774與數百位開發精英即時交流,還可參加每週的視頻公開課,快速上手。

發佈了7 篇原創文章 · 獲贊 1 · 訪問量 8923
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章