[發明專利]一種基于NG-ZORRO的表格滾動條位置控制方法及系統在審
| 申請號： | 202011630641.7 | 申請日： | 2020-12-31 |
| 公開（公告）號： | CN112698903A | 公開（公告）日： | 2021-04-23 |
| 發明（設計）人： | 閆夢飛;趙山;王陽 | 申請（專利權）人： | 浪潮云信息技術股份公司 |
| 主分類號： | G06F9/451 | 分類號： | G06F9/451;G06F3/0485 |
| 代理公司： | 濟南信達專利事務所有限公司 37100 | 代理人： | 姜明 |
| 地址： | 250100 山東省濟南市高*** | 國省代碼： | 山東;37 |
| 權利要求書： | 查看更多 | 說明書： | 查看更多 |
| 摘要： | |||
| 搜索關鍵詞： | 一種 基于 ng zorro 表格 滾動 位置 控制 方法 系統 | ||
1.一種基于NG-ZORRO的表格滾動條位置控制方法，其特征是所述的方法的具體步驟包括：
S1創建變更規格頁面組件；
S2對規格頁面進行變更，對頁面組件數據進行更新；
S3在數據更新后的方法中，獲取規格列表數據和當前實例的規格數據m；
S4通過方法計算表格滾動值；
S5獲取需要設置的頁面元素；
S6設置元素的滾動位置。
2.根據權利要求1所述的方法，其特征是所述S2對規格頁面進行變更，對頁面組件數據進行更新的具體步驟包括：
S201在變更規格頁面組件中注入依賴ElementRef；
S202在變更規格頁面中編寫表格代碼，在ts中編寫頁面組件數據更新的方法。
3.根據權利要求2所述的方法，其特征是所述S4通過方法計算表格滾動值的具體步驟包括：
S401設置表格樣式確定表格中一條數據的高度h；
S402遍歷規格數據列表，比較規格數據m和規格數據列表中第幾條數據一致，這個位置為n；
S403若當前規格在規格列表中不存在，則默認n為1；
S404判斷是否需要設置表格的滾動值；
S405若n為1，則不需要設置表格滾動值，或者設置表格滾動值為0；
S415若n大于1，則計算表格滾動值為(n-1)*h。
4.根據權利要求3所述的方法，其特征是所述S5獲取需要設置的頁面元素的具體步驟包括：
S501注入ElementRef依賴；
S502獲取ElementRef的nativeElement屬性；
S503給元素設置唯一確定的標志
S504通過nativeElement的querySelector方法獲取準確的頁面元素。
5.一種基于NG-ZORRO的表格滾動條位置控制系統，其特征是所述的方系統包括創建模塊、更新模塊、獲取模塊、計算模塊、元素模塊和設置模塊：
創建模塊：創建變更規格頁面組件；
更新模塊：對規格頁面進行變更，對頁面組件數據進行更新；
獲取模塊：在數據更新后的方法中，獲取規格列表數據和當前實例的規格數據m；
計算模塊：通過方法計算表格滾動值；
元素模塊：取需要設置的頁面元素；
設置模塊：設置元素的滾動位置。
6.根據權利要求5所述的系統，其特征是所述更新模塊具體包括加注模塊A和編寫模塊：
加注模塊A：在變更規格頁面組件中注入依賴ElementRef；
編寫模塊：在變更規格頁面中編寫表格代碼，在ts中編寫頁面組件數據更新的方法。
7.根據權利要求6所述的系統，其特征是所述計算模塊具體包括數據確定模塊、數據比較模塊、數據默認模塊、設置判斷模塊、設置模塊A和設置模塊B；
數據確定模塊：設置表格樣式確定表格中一條數據的高度h；
數據比較模塊：遍歷規格數據列表，比較規格數據m和規格數據列表中第幾條數據一致，這個位置為n；
數據默認模塊：若當前規格在規格列表中不存在，則默認n為1；
設置判斷模塊：判斷是否需要設置表格的滾動值；
設置模塊A：若n為1，則不需要設置表格滾動值，或者設置表格滾動值為0；
設置模塊B：若n大于1，則計算表格滾動值為(n-1)*h。
8.根據權利要求7所述的系統，其特征是所述元素模塊具體包括加注模塊B、屬性獲取模塊、標志設置模塊和元素捕獲模塊：
加注模塊B：注入ElementRef依賴；
屬性獲取模塊：獲取ElementRef的nativeElement屬性；
標志設置模塊：給元素設置唯一確定的標志；
元素捕獲模塊：通過nativeElement的querySelector方法獲取準確的頁面元素。
該專利技術資料僅供研究查看技術是否侵權等信息，商用須獲得專利權人授權。該專利全部權利屬于浪潮云信息技術股份公司，未經浪潮云信息技術股份公司許可，擅自商用是侵權行為。如果您想購買此專利、獲得商業授權和技術合作，請聯系【客服】
本文鏈接：http://www.17sss.com.cn/pat/books/202011630641.7/1.html，轉載請聲明來源鉆瓜專利網。
- 上一篇：一種基于土地儲備實施監測模型的智能選址系統
- 下一篇：定位方法及倉儲機器人
