[發(fā)明專利]動態(tài)控制基于前端技術(shù)表格列的方法及裝置

有效

• 申請?zhí)枺?/td>: 202110010730.X
• 申請日: 2021-01-06
• 公開（公告）號: CN112329412B
• 公開（公告）日: 2021-06-29
• 發(fā)明（設(shè)計(jì)）人: 冶云麗;凌燕
• 申請（專利權(quán)）人: 北京快成科技股份公司
• 主分類號: G06F40/18
• 分類號: G06F40/18;G06F8/34;G06F8/38
• 代理公司: 北京八月瓜知識產(chǎn)權(quán)代理有限公司 11543
• 代理人: 秦瑩

1.一種動態(tài)控制基于前端技術(shù)表格列的方法，其特征在于，包括：

將基于前端技術(shù)表格中的父級頁面公共的暫無數(shù)據(jù)和所有列序號抽取到公共表格組件中，并在所述公共表格組件中使用插槽占位；

通過表格字段定制功能對基于前端技術(shù)表格中列的隱藏/顯示屬性值進(jìn)行動態(tài)設(shè)置，并將設(shè)置的屬性值保存在所述公共表格組件中；其中，通過表格字段定制功能對基于前端技術(shù)表格中列的隱藏/顯示屬性值進(jìn)行動態(tài)設(shè)置具體包括：設(shè)置是否開啟動態(tài)列功能；設(shè)置列可見性，并在父級頁面表格的每個(gè)列標(biāo)簽中設(shè)置列鍵column-key，并使用v-if指令引用對應(yīng)列鍵的值；設(shè)置初始隱藏的列的下標(biāo)數(shù)組；設(shè)置禁止隱藏的列的下標(biāo)數(shù)組；設(shè)置是否在表格配置中顯示禁止隱藏的列信息；

獲取公共表格組件中的預(yù)先設(shè)置的插槽占位內(nèi)容，遍歷所述插槽占位內(nèi)容的結(jié)果值，獲取與所需業(yè)務(wù)對應(yīng)的有效結(jié)果值，根據(jù)所述有效結(jié)果值獲取對應(yīng)的屬性值進(jìn)行基于前端技術(shù)表格的初始化和渲染，并為用戶提供表格可配置彈窗組件，其中，所述表格可配置彈窗組件用于根據(jù)用戶的操作對基于前端技術(shù)表格中列的隱藏/顯示屬性值進(jìn)行動態(tài)配置。

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，通過表格字段定制功能對基于前端技術(shù)表格中列的隱藏/顯示屬性值進(jìn)行動態(tài)設(shè)置具體包括：

設(shè)置開啟動態(tài)列功能的初始值為啟用動態(tài)列；

設(shè)置列可見性的初始值為全可見，設(shè)置列鍵的值從0開始；

設(shè)置初始隱藏的列的下標(biāo)數(shù)組的列下標(biāo)從0開始；

設(shè)置禁止隱藏的列的下標(biāo)數(shù)組的列下標(biāo)從0開始；

設(shè)置在表格配置中顯示禁止隱藏的列信息的初始值為顯示。

3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法進(jìn)一步包括：

當(dāng)用戶通過所述表格可配置彈窗組件對基于前端技術(shù)表格中列的隱藏/顯示屬性值進(jìn)行動態(tài)配置時(shí)，根據(jù)用戶的操作過濾出需要隱藏的列和／或顯示的列，并更新基于前端技術(shù)表格。

4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法進(jìn)一步包括：

當(dāng)用戶通過所述表格可配置彈窗組件對基于前端技術(shù)表格中列的隱藏/顯示屬性值進(jìn)行動態(tài)配置時(shí)，記錄用戶操作，并獲取當(dāng)前的可見列及隱藏列進(jìn)行緩存；

在用戶進(jìn)入除當(dāng)前前端頁面的另一個(gè)或多個(gè)前端頁面時(shí)，將緩存的可見列及隱藏列保存到磁盤中。

5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法進(jìn)一步包括：

計(jì)算前端頁面的平均載入時(shí)間，當(dāng)用戶在操作下個(gè)前端頁面時(shí)，當(dāng)前瀏覽器版本前端頁面的呈現(xiàn)時(shí)間大于平均載入時(shí)間時(shí)，關(guān)閉基于前端技術(shù)表格的隱藏/顯示屬性值動態(tài)配置功能。

6.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述方法進(jìn)一步包括：

當(dāng)用戶進(jìn)入前端頁面進(jìn)行隱藏/顯示屬性值動態(tài)配置時(shí)，記錄每個(gè)前端頁面的總列數(shù)，并求出n個(gè)前端頁面的列數(shù)平均值，獲取根據(jù)當(dāng)前基于前端技術(shù)表格展示列的數(shù)量，當(dāng)所述數(shù)量大于或等于列數(shù)平均值時(shí)，將緩存的可見列及隱藏列保存到indexedDB中，當(dāng)所述數(shù)量小于列數(shù)平均值時(shí)，將緩存的可見列及隱藏列保存到LocalStorage中。