一種表格的加載顯示方法及其顯示裝置的制造方法
【技術領域】
[0001]本發明涉及一種顯示方法，特別是一種表格的加載顯示方法。本發明還涉及一種應用于上述加載顯示方法的顯示裝置。
【背景技術】
[0002]信息系統作為一種抽象的社會系統，因為能及時、可靠、方便的管理海量信息，所以在許多應用領域起著不可替代的作用，它已成為人們認識和研究客觀世界的重要手段。
[0003]隨著社會信息化的進程以及各領域的特殊性，信息系統的種類越來越多。從當初的MIS(管理信息系統)到現在的熱門的ERP(企業資源計劃)、PLM(產品生命周期系統)、財務息管理系統等。他們都是在常規信息系統的基礎上，融合了本領域的知識結構，形成了具備特定功能的信息系統，它們比一般的信息系統在處理特定事物上更便捷有效。不過這隨之也產生了新的問題，即對系統的靈活性、性能以及基礎設備的要求也大大提高。
[0004]而信息系統中管理海量信息主要依賴于表格形式，現有技術的表格加載顯示方式為一次性加載。但是當表格中數據量很大時，如果現有的信息處理技術，將表格數據一次性加載會導致:1、表格數據加載速度過慢，影響系統穩定性2、性能原因導致服務器等基礎設備維護成本高。
[0005]而在信息閱讀時，目前的處理方式為整表自適應以及固定寬度2種方式，其中，表格自適應是指將表格中的列寬與數據的長度匹配，而固定寬度是指表格的列寬為一固定值。然而，現有的表格格式處理方式存在如下問題:1、當表格列較多或某列數據過長，比如達到500字符時，整表自適應方式則完全顯示所有數據，不利于重要數據的閱讀；同時一次整表自適應也會影響數據加載的速度2、固定寬度的顯示方式，也無法滿足閱讀要求，如財務信息系統中的金額，字符無法完整顯示時，影響財務人員對數據的操作及查看。
[0006]因此表格操作的易用性及信息處理的技術顯得尤為重要。
【發明內容】
[0007]本發明在于克服現有技術的缺點與不足，提供一種表格的加載顯示方法和顯示裝置。
[0008]本發明是通過以下的技術方案實現的:一種表格的加載顯示方法，包括以下步驟:
[0009]步驟一:對表格的列寬進行設置；
[0010]步驟二:建立數據模型，并將該數據模型放置于服務端或前端緩存之中；
[0011 ] 步驟三:輸入頁碼信息；
[0012]步驟四:加載顯示所述頁碼所在的頁面。
[0013]相比于現有技術，本發明通過分頁加載的方式，將數據大的表格分頁加載，提高加載速度。具體通過接收頁碼信息，根據頁碼加載相應的頁面。同時，對于表格的數據，建立數據模型，該模型可以放置于服務端，每次翻頁需要到服務端進行請求。或者放置于前端緩存中，這樣每次翻頁的時候，不用發送http請求來獲取數據。若數據模型建立在前端緩存中，翻頁時不用發送http請求來獲取數據，并且翻頁時會計算出應該取出該頁數據模型的數據索引范圍，然后根據索引取出數據，渲染到表格中，減少取數時間。
[0014]作為本發明的進一步改進，所述步驟一中，對表格的列寬設置為固定列寬或自適應列寬。
[0015]所述步驟四中，具體包括以下步驟:
[0016]對表格的列寬設置類型進行判斷；
[0017]若當前列寬為固定列寬，則將數據渲染至表格中；若當前列寬為自適應列寬，則先計算并記錄當前數據的列寬，若大于緩存中的列寬時，則將當前列寬設置為最終列寬，并將當前列寬保存至緩存中。
[0018]在設置表格的列寬格式時，有多種設置方式，可不指定任何列自適應，也可指定某些列為自適應，表格渲染時會按最大列寬自適應，其他列等寬平鋪，適應不同分辨率；同時也可設置全部自適應，同樣表格渲染時會按最大列寬自適應，提供了多種方式，可以適用于不同的情況，更加靈活。
[0019]作為本發明的進一步改進，對渲染的行數進行判斷，若渲染的行數超過設定值時，則先將數據顯示至表格中，再繼續渲染。
[0020]作為優選，所述行數的設定值為10行。
[0021]通過在表格渲染過程采用分段渲染方式，每渲染10行則將后面的操作放置于分時函數setTimeout中，然后讓出線程給UI線程，這樣表格會即時顯示出數據，而不會一直要等到全部數據渲染完才一次性顯示。如果不采用分時函數的方式，則界面會一直空白，直到數據全部渲染完才一次性顯示。從而，可以更加加快表格數據的渲染過程。
[0022]一種表格的加載顯示裝置，包括
[0023]列寬設置單元，其用于設置表格列寬的類型；
[0024]數據模型生成單元，其用于生成表格數據模型，并將該數據模型存儲至服務端或前端緩存之中；
[0025]頁碼信息檢測單元，其用于檢測輸入的頁碼信息；
[0026]加載顯示單元，其用于根據頁碼，加載顯示相應頁面信息。
[0027]相比于現有技術，本發明通過分頁加載的方式，將數據大的表格分頁加載，提高加載速度。具體通過接收頁碼信息，根據頁碼加載相應的頁面。同時，對于表格的數據，在建立數據模型時，該模型可以放置于服務端，每次翻頁需要到服務端進行請求。或者放置于前端緩存中，這樣每次翻頁的時候，不用發送http請求來獲取數據。若數據模型建立在前端緩存中，翻頁時不用發送http請求來獲取數據，并且翻頁時會計算出應該取出該頁數據模型的數據索引范圍，然后根據索引取出數據，渲染到表格中，減少取數時間。
[0028]作為本發明的進一步改進，所述列寬設置單元所設置的列寬類型包括固定列寬和自適應列寬。
[0029]作為本發明的進一步改進，還包括一列寬判斷單元和列寬計算單元；所述列寬判斷單元對當前列寬進行判斷，若當前列寬為固定列寬，則由加載顯示單元將數據渲染至表格中；若當前列寬為自適應列寬時，則由所述列寬計算單元計算并記錄當前列寬的寬度，若大于緩存中的列寬時，則將當前列寬設置為最終列寬，并將當前列寬保存至緩存中。
[0030]作為本發明的進一步改進，還包括一行數判斷單元，所述行數判斷單元對當前渲染的行數進行判斷，若渲染的行數超過設定值時，則先由加載顯示單元將數據顯示至表格中，再繼續進行渲染。
[0031]作為優選，所述行數的設定值為10行。
[0032]為了更好地理解和實施，下面結合附圖詳細說明本發明。
【附圖說明】
[0033]圖1是本發明的表格加載顯示方法的步驟流程圖。
[0034]圖2是本發明的表格加載顯示裝置的示意圖。
【具體實施方式】
[0035]請參閱圖1，其為本發明的表格加載顯示方法的步驟流程圖。本發明的表格的加載顯示方法，包括以下步驟:
[0036]S1:對表格的列寬進行設置。在本實施例中，在設置表格的列寬格式時，有多種設置方式，可不指定任何列自適應，也可指定某些列為自適應，表格渲染時會按最大列寬自適應，其他列等寬平鋪，適應不同分辨率；同時也可設置全部自適應，同樣表格渲染時會按最大列寬自適應，提供了多種方式，可以適用于不同的情況，更加靈活。所述自適應列寬為將表格的列寬設置為與表格中的數據長度相適宜。
[0037]進一步，為了實現列寬的調整，在本實施例中，是在表格的第一行創建一行高度為O的行，后面的行則不賦值寬度，只給這行高度為O的行賦值寬度并保存至緩存中，后面的行的列寬則會根據第一行來進行對齊。將第一行作為輔助行，由于第一行的高度為0，故用戶則無法在界面上看到該輔助行。
[0038]S2:建立數據模型，并將該數據模型放置于服務端或前端緩存之中。對于表格的數據，在建立數據模型時，該模型可以放置于服務端，每次翻頁需要到服務端進行請求。或者放置于前端緩存中，這樣每次翻頁的時候，不用發送http請求來獲取數據。在本實施例中，優選將數據模型建立在前端緩存中，翻頁時不用發送http請求來獲取數據，并且翻頁時會計算出應該取出該頁數據模型的數據索引范圍，然后根據索引取出數據，渲染到表格中，減少取數時間。
[0039]S3:輸入頁碼信息。
[0040]S4:加載顯示所述頁碼所在的頁面。具體通過包括以下步驟實現:
[0