[發(fā)明專利]一種無刷新實現(xiàn)分頁排序表格的方法及裝置

在審

• 申請?zhí)枺?/td>: 201610174829.2
• 申請日: 2016-03-25
• 公開（公告）號: CN105740478A
• 公開（公告）日: 2016-07-06
• 發(fā)明（設(shè)計）人: 李海嘯
• 申請（專利權(quán)）人: 浪潮通用軟件有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 濟南信達專利事務(wù)所有限公司 37100
• 代理人: 姜明

技術(shù)領(lǐng)域

本發(fā)明涉及計算機技術(shù)領(lǐng)域，具體地說是一種無刷新實現(xiàn)分頁排序表格的方法及裝置。

背景技術(shù)

在大多數(shù)的Web開發(fā)中，表格控件一直是Web應(yīng)用中使用頻度較高且復(fù)雜度較大的一種控件。

受限于Web交互模式的特點（即需要不斷地與后臺服務(wù)器做數(shù)據(jù)交互），類似于Winform那種做一個操作之后，能接著返回相應(yīng)結(jié)果這種方式，在Web上變得比較困難，因為如果通過傳統(tǒng)方式，整個頁面不得不整體刷新一下才能夠看到返回的結(jié)果，這對使用來說，體驗不怎么好，并且對應(yīng)很大的開發(fā)量如分頁、排序、后臺數(shù)據(jù)綁定。

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

本發(fā)明的技術(shù)任務(wù)是針對以上不足之處，提供一種無刷新實現(xiàn)分頁排序表格的方法及裝置，實現(xiàn)無刷新加載后臺數(shù)據(jù)、自動分頁、自動排序、自適應(yīng)頁面、表頭固定、表格編輯等功能。

本發(fā)明解決其技術(shù)問題所采用的技術(shù)方案是：

一種無刷新實現(xiàn)分頁排序表格的方法及裝置，Web表格組件通過在visualstudio設(shè)計器中以控件的形式拖拽到web頁面設(shè)計器中進行使用，在設(shè)計器中定義表格的屬性：是否分頁、是否自動排序、單頁記錄數(shù)、行交替顏色、數(shù)據(jù)源對象屬性、表格高度等內(nèi)容，在每一個列中指定改列的綁定字段、顯示名稱、寬度、樣式、對齊方式等信息，就可以快速完成一個表格的定義和顯示；

實施方法如下：

1）、web頁面加載時，向頁面中定向數(shù)據(jù)Grid相關(guān)的控制腳本以及公共方法，包括請求后臺的ashx文件地址、參數(shù)、表格高度設(shè)定、分頁和排序的方法生成等信息；

2）、點擊排序或者分頁按鈕時，通過JavaScript封裝定義好的處理函數(shù)，將請求通過ajax方式發(fā)送到服務(wù)器端；

3）、服務(wù)器端通過數(shù)據(jù)源接口反射調(diào)用，獲取到對應(yīng)的數(shù)據(jù)集；

4）、借助于微軟DataGrid控件對數(shù)據(jù)集進行數(shù)據(jù)的綁定，同時在綁定過程中處理合計、行合并、綁定事件等操作；

5）、將綁定生成的結(jié)果輸出轉(zhuǎn)化成HTML標記，最后通過ajax將生成的HTML標記回傳到客戶端，最終通過JavaScript將結(jié)果顯示到頁面。

本發(fā)明的一種無刷新實現(xiàn)分頁排序表格的方法及裝置和現(xiàn)有技術(shù)相比，具有以下有益效果：

本發(fā)明通過封裝設(shè)計好的一套表格組件，可以直接通過拖拽的形式在設(shè)計器中進行排版和定義，最終展現(xiàn)出來的是一個可以無刷新顯示數(shù)據(jù)的Web表格。設(shè)計簡單、功能強大是本表格的最大特點，即可以實現(xiàn)強大的功能同時也降低了開發(fā)的難度；

本發(fā)明基于web的表格組件，通過該表格可以實現(xiàn)無刷新加載后臺數(shù)據(jù)、自動分頁、自動排序、自適應(yīng)頁面、表頭固定、表格編輯等功能，本表格可以可視化在visualstudio設(shè)計器中進行拖拽及各種屬性的定義，并提供前臺的JavaScript的API函數(shù)及后臺C#端的標準接口，是基于web進行復(fù)雜應(yīng)用設(shè)計的有力工具。開發(fā)人員不需要關(guān)注后臺的數(shù)據(jù)交互，只需要把精力放在關(guān)鍵的業(yè)務(wù)點即可，通用的操作由此裝置自動完成。

附圖說明

下面結(jié)合附圖對本發(fā)明進一步說明。

附圖1為組件處理流程圖；

附圖2為分組結(jié)果表圖。

具體實施方式

下面結(jié)合附圖和具體實施例對本發(fā)明作進一步說明。

實施例一：

在設(shè)計器中定義表格的屬性：是否分頁、是否自動排序、單頁記錄數(shù)、行交替顏色、數(shù)據(jù)源對象屬性、表格高度等內(nèi)容，在每一個列中指定改列的綁定字段、顯示名稱、寬度、樣式、對齊方式等信息，就可以快速完成一個表格的定義和顯示。

配置項：web.config中配置好處理節(jié)點：

<httpHandlers>

<addverb=POST,GETpath=ajax/*.ashxtype=Ajax.PageHandlerFactory,Ajax/>

<addverb=*path=*.ashxtype=Seejee.CFDataGrid.NonRefresh,TableViewvalidate=false/>

</httpHandlers>

第一個節(jié)點為Ajax組件的處理節(jié)點，第二個節(jié)點為表格組件的處理節(jié)點。

兩種數(shù)據(jù)源的支持：

1、后臺數(shù)據(jù)源定義方式：

實現(xiàn)IGetDataSource接口，接口中完成數(shù)據(jù)源的返回，如下所示：

#regionIGetDataSource成員