本發(fā)明涉及計算機
技術領域：
：，具體而言，涉及一種在表格上添加復選框的方法和裝置。
背景技術：
：：Jquery是一個優(yōu)秀的開源的JavaScript庫，具有多種優(yōu)秀特性并兼容各種瀏覽器。目前存在著前端的Jquery表格控件，例如表格插件(表示為Datatables)，可以將數(shù)據(jù)用表格來展示，還支持分頁、搜索等功能，是一個簡單易用、非常靈活的工具。用戶在使用表格的時候經常會需要在表格的第一列添加一行復選框來表示對每行數(shù)據(jù)進行選擇以便后面操作處理。但是目前的表格控件，并沒有自帶這一功能，需要用戶去手動實現(xiàn)。以Datatables表格插件為例，現(xiàn)有的技術方案是通過Datatables表格插件自帶的列的一個應用程序界面API來自定義列的內容，在目標列的配置項中使用一個函數(shù)，此函數(shù)將目標列的數(shù)據(jù)作為輸入，用戶需要在函數(shù)中對目標列的表現(xiàn)形式進行定義并將其作為結果返回，該方案的缺點在于：1、不能夠共用配置項。每次需要單獨配置，造成重復勞動；2、為了對目標列進行配置，需要額外去學習別的函數(shù)的使用方法，學習成本較高。技術實現(xiàn)要素：鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的在表格上添加復選框的方法和裝置。依據(jù)本發(fā)明的一個方面，提供了一種在表格上添加復選框的方法，包括：查找表格工具的配置項，其中，所述表格工具用于對表格的多個列和/或多個 行進行操作配置；根據(jù)所述配置項，從所述多個列和/或多個行中查找需進行選中操作的目標項；其中，所述目標項包含所述配置項中的多個列和/或多個行；在所述目標項中添加復選框元素。可選地，前述的在表格上添加復選框的方法，根據(jù)所述配置項，從所述多個列和/或多個行中查找需進行選中操作的目標項，具體包括：查找所述配置項中用于對所述多個列和/或進行配置的類型屬性，在所述類型屬性的值表示選擇框時將所述類型屬性對應的列和/或行作為目標項?？蛇x地，前述的在表格上添加復選框的方法，在所述目標項中添加復選框元素，具體包括：在所述目標項的表頭添加第一復選框元素，以及在所述表頭下的每行和/或每列中添加第二復選框元素；在所述第一復選框元素接收選中操作時，觸發(fā)對所述第二復選框元素的選中操作。可選地，前述的在表格上添加復選框的方法，在所述第一復選框元素接收選中操作時，觸發(fā)對所述第二復選框元素的選中操作，具體包括：為所述表頭設置全選類，并監(jiān)聽對所述第一復選框元素進行選中操作的事件，在監(jiān)聽到所述事件時所述全選類對所述第二復選框元素進行選擇操作?？蛇x地，前述的在表格上添加復選框的方法，在所述第一復選框元素接收選中操作時，觸發(fā)對所述第二復選框元素的選中操作，具體包括：為所述第二復選框元素設置對應的第一值，所述第一值表示所述第二復選框元素未被選中；在所述第一復選框元素接收所述選中操作時，將所述第一值修改為第二值，所述第二值表示所述第二復選框元素被選中；根據(jù)所述第二值，對所述第二復選框元素進行選中操作。依據(jù)本發(fā)明的另一方面，還提供一種在表格上添加復選框的裝置，包括：配置項查找模塊，用于查找表格工具的配置項，其中，所述表格工具用于對表格的多個列和/或多個行進行操作配置；目標項查找模塊，用于根據(jù)所述配置項，從所述多個列和/或多個行中查找需進行選中操作的目標項；其中，所述目標項包含所述配置項中的多個列和/或多個行；復選框元素模塊，用于在所述目標項中添加復選框元素?？蛇x地，前述的在表格上添加復選框的裝置，所述目標項查找模塊查找所述配置項中用于對所述多個列和/或進行配置的類型屬性，在所述類型屬性 的值表示選擇框時將所述類型屬性對應的列和/或行作為目標項?？蛇x地，前述的在表格上添加復選框的裝置，所述復選框元素模塊在所述目標項的表頭添加第一復選框元素，以及在所述表頭下的每行和/或每列中添加第二復選框元素；在所述第一復選框元素接收選中操作時，觸發(fā)對所述第二復選框元素的選中操作?？蛇x地，前述的在表格上添加復選框的裝置，所述復選框元素模塊為所述表頭設置全選類，并監(jiān)聽對所述第一復選框元素進行選中操作的事件，在監(jiān)聽到所述事件時所述全選類對所述第二復選框元素進行選擇操作?？蛇x地，前述的在表格上添加復選框的裝置，所述復選框元素模塊為所述第二復選框元素設置對應的第一值，所述第一值表示所述第二復選框元素未被選中，以及在所述第一復選框元素接收所述選中操作時，將所述第一值修改為第二值，所述第二值表示所述第二復選框元素被選中，以及根據(jù)所述第二值，對所述第二復選框元素進行選中操作。根據(jù)以上技術方案，本發(fā)明的在表格上添加復選框的方法和裝置至少具有以下優(yōu)點：根據(jù)本發(fā)明的技術方案，可以自動識別表格工具中對列或行的配置，基于該配置則在表格上添加復選框，以及實現(xiàn)對表格中的列或行所進行的復選操作；本發(fā)明的技術方案適用范圍廣泛，相比于現(xiàn)有的技術方案，不需要對不同表格設置不同的配置項，以及對于不同表格工具不需要用戶學習不同的函數(shù)來配置復選框。上述說明僅是本發(fā)明技術方案的概述，為了能夠更清楚了解本發(fā)明的技術手段，而可依照說明書的內容予以實施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點能夠更明顯易懂，以下特舉本發(fā)明的具體實施方式。附圖說明通過閱讀下文優(yōu)選實施方式的詳細描述，各種其他的優(yōu)點和益處對于本領域普通技術人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的，而并不認為是對本發(fā)明的限制。而且在整個附圖中，用相同的參考符號表示 相同的部件。在附圖中：圖1示出了根據(jù)本發(fā)明的一個實施例在表格上添加復選框的方法的流程圖；圖2示出了根據(jù)本發(fā)明的一個實施例在表格上添加復選框的方法的流程圖；圖3示出了根據(jù)本發(fā)明的一個實施例在表格上添加復選框的裝置的框圖。具體實施方式下面將參照附圖更詳細地描述本公開的示例性實施例。雖然附圖中顯示了本公開的示例性實施例，然而應當理解，可以以各種形式實現(xiàn)本公開而不應被這里闡述的實施例所限制。相反，提供這些實施例是為了能夠更透徹地理解本公開，并且能夠將本公開的范圍完整的傳達給本領域的技術人員。如圖1所示，本發(fā)明的一個實施例中提供了一種在表格上添加復選框的方法，包括：步驟110，查找表格工具的配置項，其中，表格工具用于對表格的多個列和/或多個行進行操作配置。在本實施例中，對表格工具的類型不進行限制，前述的Datatables即可使用：當調用Datatables時，一般會通過配置項columns或者columnDefs來對表格的列或行進行配置。步驟120，根據(jù)配置項，從多個列和/或多個行中查找需進行選中操作的目標項；其中，目標項包含配置項中的多個列和/或多個行。步驟130，在目標項中添加復選框元素。在本實施例中，對添加復選框元素的形式不進行限制，將目標項變成復選框元素的形式后，即可供用戶在表格上進行復選操作。根據(jù)本實施例的技術方案，可以自動識別表格工具中對列或行的配置，基于該配置則在表格上添加復選框，以及實現(xiàn)對表格中的列或行所進行的復選操作；相比于現(xiàn)有的技術方案，不需要對不同表格設置不同的配置項，以及對于不同表格工具不需要用戶學習不同的函數(shù)來配置復選框。如圖2所示，本發(fā)明的一個實施例中提供了一種在表格上添加復選框的方法，包括：步驟210，查找表格工具的配置項，其中，表格工具用于對表格的多個列和/或多個行進行操作配置。步驟220，查找配置項中用于對多個列和/或進行配置的類型屬性，在類型屬性的值表示選擇框時將類型屬性對應的列和/或行作為目標項。根據(jù)本實施例可以實現(xiàn)一個插件addCBox，例如，在Datatables的初始化完成后觸發(fā)一個addCBox的事件，根據(jù)columns和columnDefs其中的type(類型)屬性是否含有“checkbox(選擇框)”值來判斷是否啟用addCBox，若判斷為否，則按照Datatables默認的方式對表格進行渲染；若判斷為是，則對Datatables的數(shù)據(jù)進行下一步的添加復選框元素的處理。步驟230，在目標項的表頭添加第一復選框元素，以及在表頭下的每行和/或每列中添加第二復選框元素；在第一復選框元素接收選中操作時，觸發(fā)對第二復選框元素的選中操作。具體地：為表頭設置全選類，并監(jiān)聽對第一復選框元素進行選中操作的事件，在監(jiān)聽到事件時全選類對第二復選框元素進行選擇操作。具體地：為第二復選框元素設置對應的第一值，第一值表示第二復選框元素未被選中；在第一復選框元素接收選中操作時，將第一值修改為第二值，第二值表示第二復選框元素被選中；根據(jù)第二值，對第二復選框元素進行選中操作。根據(jù)本實施例，獲取目標項后將目標項的表頭變?yōu)閺瓦x框元素，并為其添加自定義的全選類，并為全選類綁定一個選中表頭復選框元素的事件；對表格主體的每行或列元素的目標項位置都替換為一個復選框元素，并為其添加對應的value值，該value值的變化影響復選框元素的選中狀態(tài)。完成以上數(shù)據(jù)處理后對表格進行渲染，并監(jiān)聽表格中發(fā)生的事件，可以在選中表頭的復選框(即全選框)的時候保證表格主體中對應行或列的復選框也為選中狀態(tài)。如圖3所示，本發(fā)明的一個實施例中提供了一種在表格上添加復選框的裝置，包括：配置項查找模塊310，查找表格工具的配置項，其中，表格工具用于對表格的多個列和/或多個行進行操作配置。在本實施例中，對表格工具的類型不進行限制，前述的Datatables即可使用：當調用Datatables時，一般會通過配置項columns或者columnDefs來對表格的列或行進行配置。目標項查找模塊320，根據(jù)配置項，從多個列和/或多個行中查找需進行選中操作的目標項；其中，目標項包含配置項中的多個列和/或多個行。復選框元素模塊330，在目標項中添加復選框元素。在本實施例中，對添加復選框元素的形式不進行限制，將目標項變成復選框元素的形式后，即可供用戶在表格上進行復選操作。根據(jù)本實施例的技術方案，可以自動識別表格工具中對列或行的配置，基于該配置則在表格上添加復選框，以及實現(xiàn)對表格中的列或行所進行的復選操作；相比于現(xiàn)有的技術方案，不需要對不同表格設置不同的配置項，以及對于不同表格工具不需要用戶學習不同的函數(shù)來配置復選框。本發(fā)明的一個實施例中提供了一種在表格上添加復選框的裝置，包括：配置項查找模塊310，查找表格工具的配置項，其中，表格工具用于對表格的多個列和/或多個行進行操作配置。目標項查找模塊320，查找配置項中用于對多個列和/或進行配置的類型屬性，在類型屬性的值表示選擇框時將類型屬性對應的列和/或行作為目標項。根據(jù)本實施例可以實現(xiàn)一個插件addCBox，例如，在Datatables的初始化完成后觸發(fā)一個addCBox的事件，根據(jù)columns和columnDefs其中的type(類型)屬性是否含有“checkbox(選擇框)”值來判斷是否啟用addCBox，若判斷為否，則按照Datatables默認的方式對表格進行渲染；若判斷為是，則對Datatables的數(shù)據(jù)進行下一步的添加復選框元素的處理。復選框元素模塊330，在目標項的表頭添加第一復選框元素，以及在表頭下的每行和/或每列中添加第二復選框元素；在第一復選框元素接收選中操作 時，觸發(fā)對第二復選框元素的選中操作。具體地：復選框元素模塊330為表頭設置全選類，并監(jiān)聽對第一復選框元素進行選中操作的事件，在監(jiān)聽到事件時全選類對第二復選框元素進行選擇操作。具體地：復選框元素模塊330為第二復選框元素設置對應的第一值，第一值表示第二復選框元素未被選中；在第一復選框元素接收選中操作時，將第一值修改為第二值，第二值表示第二復選框元素被選中；根據(jù)第二值，對第二復選框元素進行選中操作。根據(jù)本實施例，獲取目標項后將目標項的表頭變?yōu)閺瓦x框元素，并為其添加自定義的全選類，并為全選類綁定一個選中表頭復選框元素的事件；對表格主體的每行或列元素的目標項位置都替換為一個復選框元素，并為其添加對應的value值，該value值的變化影響復選框元素的選中狀態(tài)。完成以上數(shù)據(jù)處理后對表格進行渲染，并監(jiān)聽表格中發(fā)生的事件，可以在選中表頭的復選框(即全選框)的時候保證表格主體中對應行或列的復選框也為選中狀態(tài)。在此提供的算法和顯示不與任何特定計算機、虛擬系統(tǒng)或者其它設備固有相關。各種通用系統(tǒng)也可以與基于在此的示教一起使用。根據(jù)上面的描述，構造這類系統(tǒng)所要求的結構是顯而易見的。此外，本發(fā)明也不針對任何特定編程語言。應當明白，可以利用各種編程語言實現(xiàn)在此描述的本發(fā)明的內容，并且上面對特定語言所做的描述是為了披露本發(fā)明的最佳實施方式。在此處所提供的說明書中，說明了大量具體細節(jié)。然而，能夠理解，本發(fā)明的實施例可以在沒有這些具體細節(jié)的情況下實踐。在一些實例中，并未詳細示出公知的方法、結構和技術，以便不模糊對本說明書的理解。類似地，應當理解，為了精簡本公開并幫助理解各個發(fā)明方面中的一個或多個，在上面對本發(fā)明的示例性實施例的描述中，本發(fā)明的各個特征有時被一起分組到單個實施例、圖、或者對其的描述中。然而，并不應將該公開的方法解釋成反映如下意圖：即所要求保護的本發(fā)明要求比在每個權利要求中所明確記載的特征更多的特征。更確切地說，如下面的權利要求書所反映的 那樣，發(fā)明方面在于少于前面公開的單個實施例的所有特征。因此，遵循具體實施方式的權利要求書由此明確地并入該具體實施方式，其中每個權利要求本身都作為本發(fā)明的單獨實施例。本領域那些技術人員可以理解，可以對實施例中的設備中的模塊進行自適應性地改變并且把它們設置在與該實施例不同的一個或多個設備中?？梢园褜嵤├械哪K或單元或組件組合成一個模塊或單元或組件，以及此外可以把它們分成多個子模塊或子單元或子組件。除了這樣的特征和/或過程或者單元中的至少一些是相互排斥之外，可以采用任何組合對本說明書(包括伴隨的權利要求、摘要和附圖)中公開的所有特征以及如此公開的任何方法或者設備的所有過程或單元進行組合。除非另外明確陳述，本說明書(包括伴隨的權利要求、摘要和附圖)中公開的每個特征可以由提供相同、等同或相似目的的替代特征來代替。此外，本領域的技術人員能夠理解，盡管在此所述的一些實施例包括其它實施例中所包括的某些特征而不是其它特征，但是不同實施例的特征的組合意味著處于本發(fā)明的范圍之內并且形成不同的實施例。例如，在下面的權利要求書中，所要求保護的實施例的任意之一都可以以任意的組合方式來使用。本發(fā)明的各個部件實施例可以以硬件實現(xiàn)，或者以在一個或者多個處理器上運行的軟件模塊實現(xiàn)，或者以它們的組合實現(xiàn)。本領域的技術人員應當理解，可以在實踐中使用微處理器或者數(shù)字信號處理器(DSP)來實現(xiàn)根據(jù)本發(fā)明實施例的在表格上添加復選框的裝置中的一些或者全部部件的一些或者全部功能。本發(fā)明還可以實現(xiàn)為用于執(zhí)行這里所描述的方法的一部分或者全部的設備或者裝置程序(例如，計算機程序和計算機程序產品)。這樣的實現(xiàn)本發(fā)明的程序可以存儲在計算機可讀介質上，或者可以具有一個或者多個信號的形式。這樣的信號可以從因特網(wǎng)網(wǎng)站上下載得到，或者在載體信號上提供，或者以任何其他形式提供。應該注意的是上述實施例對本發(fā)明進行說明而不是對本發(fā)明進行限制，并且本領域技術人員在不脫離所附權利要求的范圍的情況下可設計出替換實施例。在權利要求中，不應將位于括號之間的任何參考符號構造成對權利要求的限制。單詞“包含”不排除存在未列在權利要求中的元件或步驟。位于元件之前的單詞“一”或“一個”不排除存在多個這樣的元件。本發(fā)明可以借 助于包括有若干不同元件的硬件以及借助于適當編程的計算機來實現(xiàn)。在列舉了若干裝置的單元權利要求中，這些裝置中的若干個可以是通過同一個硬件項來具體體現(xiàn)。單詞第一、第二、以及第三等的使用不表示任何順序?？蓪⑦@些單詞解釋為名稱。當前第1頁1 2 3 當前第1頁1 2 3