一種表格的加載顯示方法及其顯示裝置的制造方法
【技術領域】
[0001]本發(fā)明涉及一種顯示方法，特別是一種表格的加載顯示方法。本發(fā)明還涉及一種應用于上述加載顯示方法的顯示裝置。
【背景技術】
[0002]信息系統(tǒng)作為一種抽象的社會系統(tǒng)，因為能及時、可靠、方便的管理海量信息，所以在許多應用領域起著不可替代的作用，它已成為人們認識和研究客觀世界的重要手段。
[0003]隨著社會信息化的進程以及各領域的特殊性，信息系統(tǒng)的種類越來越多。從當初的MIS(管理信息系統(tǒng))到現(xiàn)在的熱門的ERP(企業(yè)資源計劃)、PLM(產(chǎn)品生命周期系統(tǒng))、財務息管理系統(tǒng)等。他們都是在常規(guī)信息系統(tǒng)的基礎上，融合了本領域的知識結構，形成了具備特定功能的信息系統(tǒng)，它們比一般的信息系統(tǒng)在處理特定事物上更便捷有效。不過這隨之也產(chǎn)生了新的問題，即對系統(tǒng)的靈活性、性能以及基礎設備的要求也大大提高。
[0004]而信息系統(tǒng)中管理海量信息主要依賴于表格形式，現(xiàn)有技術的表格加載顯示方式為一次性加載。但是當表格中數(shù)據(jù)量很大時，如果現(xiàn)有的信息處理技術，將表格數(shù)據(jù)一次性加載會導致:1、表格數(shù)據(jù)加載速度過慢，影響系統(tǒng)穩(wěn)定性2、性能原因導致服務器等基礎設備維護成本高。
[0005]而在信息閱讀時，目前的處理方式為整表自適應以及固定寬度2種方式，其中，表格自適應是指將表格中的列寬與數(shù)據(jù)的長度匹配，而固定寬度是指表格的列寬為一固定值。然而，現(xiàn)有的表格格式處理方式存在如下問題:1、當表格列較多或某列數(shù)據(jù)過長，比如達到500字符時，整表自適應方式則完全顯示所有數(shù)據(jù)，不利于重要數(shù)據(jù)的閱讀；同時一次整表自適應也會影響數(shù)據(jù)加載的速度2、固定寬度的顯示方式，也無法滿足閱讀要求，如財務信息系統(tǒng)中的金額，字符無法完整顯示時，影響財務人員對數(shù)據(jù)的操作及查看。
[0006]因此表格操作的易用性及信息處理的技術顯得尤為重要。

【發(fā)明內(nèi)容】

[0007]本發(fā)明在于克服現(xiàn)有技術的缺點與不足，提供一種表格的加載顯示方法和顯示裝置。
[0008]本發(fā)明是通過以下的技術方案實現(xiàn)的:一種表格的加載顯示方法，包括以下步驟:
[0009]步驟一:對表格的列寬進行設置；
[0010]步驟二:建立數(shù)據(jù)模型，并將該數(shù)據(jù)模型放置于服務端或前端緩存之中；
[0011 ] 步驟三:輸入頁碼信息；
[0012]步驟四:加載顯示所述頁碼所在的頁面。
[0013]相比于現(xiàn)有技術，本發(fā)明通過分頁加載的方式，將數(shù)據(jù)大的表格分頁加載，提高加載速度。具體通過接收頁碼信息，根據(jù)頁碼加載相應的頁面。同時，對于表格的數(shù)據(jù)，建立數(shù)據(jù)模型，該模型可以放置于服務端，每次翻頁需要到服務端進行請求?；蛘叻胖糜谇岸司彺嬷校@樣每次翻頁的時候，不用發(fā)送http請求來獲取數(shù)據(jù)。若數(shù)據(jù)模型建立在前端緩存中，翻頁時不用發(fā)送http請求來獲取數(shù)據(jù)，并且翻頁時會計算出應該取出該頁數(shù)據(jù)模型的數(shù)據(jù)索引范圍，然后根據(jù)索引取出數(shù)據(jù)，渲染到表格中，減少取數(shù)時間。
[0014]作為本發(fā)明的進一步改進，所述步驟一中，對表格的列寬設置為固定列寬或自適應列寬。
[0015]所述步驟四中，具體包括以下步驟:
[0016]對表格的列寬設置類型進行判斷；
[0017]若當前列寬為固定列寬，則將數(shù)據(jù)渲染至表格中；若當前列寬為自適應列寬，則先計算并記錄當前數(shù)據(jù)的列寬，若大于緩存中的列寬時，則將當前列寬設置為最終列寬，并將當前列寬保存至緩存中。
[0018]在設置表格的列寬格式時，有多種設置方式，可不指定任何列自適應，也可指定某些列為自適應，表格渲染時會按最大列寬自適應，其他列等寬平鋪，適應不同分辨率；同時也可設置全部自適應，同樣表格渲染時會按最大列寬自適應，提供了多種方式，可以適用于不同的情況，更加靈活。
[0019]作為本發(fā)明的進一步改進，對渲染的行數(shù)進行判斷，若渲染的行數(shù)超過設定值時，則先將數(shù)據(jù)顯示至表格中，再繼續(xù)渲染。
[0020]作為優(yōu)選，所述行數(shù)的設定值為10行。
[0021]通過在表格渲染過程采用分段渲染方式，每渲染10行則將后面的操作放置于分時函數(shù)setTimeout中，然后讓出線程給UI線程，這樣表格會即時顯示出數(shù)據(jù)，而不會一直要等到全部數(shù)據(jù)渲染完才一次性顯示。如果不采用分時函數(shù)的方式，則界面會一直空白，直到數(shù)據(jù)全部渲染完才一次性顯示。從而，可以更加加快表格數(shù)據(jù)的渲染過程。
[0022]一種表格的加載顯示裝置，包括
[0023]列寬設置單元，其用于設置表格列寬的類型；
[0024]數(shù)據(jù)模型生成單元，其用于生成表格數(shù)據(jù)模型，并將該數(shù)據(jù)模型存儲至服務端或前端緩存之中；
[0025]頁碼信息檢測單元，其用于檢測輸入的頁碼信息；
[0026]加載顯示單元，其用于根據(jù)頁碼，加載顯示相應頁面信息。
[0027]相比于現(xiàn)有技術，本發(fā)明通過分頁加載的方式，將數(shù)據(jù)大的表格分頁加載，提高加載速度。具體通過接收頁碼信息，根據(jù)頁碼加載相應的頁面。同時，對于表格的數(shù)據(jù)，在建立數(shù)據(jù)模型時，該模型可以放置于服務端，每次翻頁需要到服務端進行請求。或者放置于前端緩存中，這樣每次翻頁的時候，不用發(fā)送http請求來獲取數(shù)據(jù)。若數(shù)據(jù)模型建立在前端緩存中，翻頁時不用發(fā)送http請求來獲取數(shù)據(jù)，并且翻頁時會計算出應該取出該頁數(shù)據(jù)模型的數(shù)據(jù)索引范圍，然后根據(jù)索引取出數(shù)據(jù)，渲染到表格中，減少取數(shù)時間。
[0028]作為本發(fā)明的進一步改進，所述列寬設置單元所設置的列寬類型包括固定列寬和自適應列寬。
[0029]作為本發(fā)明的進一步改進，還包括一列寬判斷單元和列寬計算單元；所述列寬判斷單元對當前列寬進行判斷，若當前列寬為固定列寬，則由加載顯示單元將數(shù)據(jù)渲染至表格中；若當前列寬為自適應列寬時，則由所述列寬計算單元計算并記錄當前列寬的寬度，若大于緩存中的列寬時，則將當前列寬設置為最終列寬，并將當前列寬保存至緩存中。
[0030]作為本發(fā)明的進一步改進，還包括一行數(shù)判斷單元，所述行數(shù)判斷單元對當前渲染的行數(shù)進行判斷，若渲染的行數(shù)超過設定值時，則先由加載顯示單元將數(shù)據(jù)顯示至表格中，再繼續(xù)進行渲染。
[0031]作為優(yōu)選，所述行數(shù)的設定值為10行。
[0032]為了更好地理解和實施，下面結合附圖詳細說明本發(fā)明。
【附圖說明】
[0033]圖1是本發(fā)明的表格加載顯示方法的步驟流程圖。
[0034]圖2是本發(fā)明的表格加載顯示裝置的示意圖。
【具體實施方式】
[0035]請參閱圖1，其為本發(fā)明的表格加載顯示方法的步驟流程圖。本發(fā)明的表格的加載顯示方法，包括以下步驟:
[0036]S1:對表格的列寬進行設置。在本實施例中，在設置表格的列寬格式時，有多種設置方式，可不指定任何列自適應，也可指定某些列為自適應，表格渲染時會按最大列寬自適應，其他列等寬平鋪，適應不同分辨率；同時也可設置全部自適應，同樣表格渲染時會按最大列寬自適應，提供了多種方式，可以適用于不同的情況，更加靈活。所述自適應列寬為將表格的列寬設置為與表格中的數(shù)據(jù)長度相適宜。
[0037]進一步，為了實現(xiàn)列寬的調(diào)整，在本實施例中，是在表格的第一行創(chuàng)建一行高度為O的行，后面的行則不賦值寬度，只給這行高度為O的行賦值寬度并保存至緩存中，后面的行的列寬則會根據(jù)第一行來進行對齊。將第一行作為輔助行，由于第一行的高度為0，故用戶則無法在界面上看到該輔助行。
[0038]S2:建立數(shù)據(jù)模型，并將該數(shù)據(jù)模型放置于服務端或前端緩存之中。對于表格的數(shù)據(jù)，在建立數(shù)據(jù)模型時，該模型可以放置于服務端，每次翻頁需要到服務端進行請求?；蛘叻胖糜谇岸司彺嬷?，這樣每次翻頁的時候，不用發(fā)送http請求來獲取數(shù)據(jù)。在本實施例中，優(yōu)選將數(shù)據(jù)模型建立在前端緩存中，翻頁時不用發(fā)送http請求來獲取數(shù)據(jù)，并且翻頁時會計算出應該取出該頁數(shù)據(jù)模型的數(shù)據(jù)索引范圍，然后根據(jù)索引取出數(shù)據(jù)，渲染到表格中，減少取數(shù)時間。
[0039]S3:輸入頁碼信息。
[0040]S4:加載顯示所述頁碼所在的頁面。具體通過包括以下步驟實現(xiàn):
[0