[發(fā)明專利]樹組件彈窗的渲染方法及裝置

在審

• 申請(qǐng)?zhí)枺?/td>: 202010583646.2
• 申請(qǐng)日: 2020-06-23
• 公開（公告）號(hào): CN111949905A
• 公開（公告）日: 2020-11-17
• 發(fā)明（設(shè)計(jì)）人: 李金鵬
• 申請(qǐng)（專利權(quán)）人: 貝殼技術(shù)有限公司
• 主分類號(hào): G06F16/957
• 分類號(hào): G06F16/957;G06F9/451
• 代理公司: 北京路浩知識(shí)產(chǎn)權(quán)代理有限公司 11002
• 代理人: 張睿

1.一種樹組件彈窗的渲染方法，其特征在于，包括：

響應(yīng)于節(jié)點(diǎn)展開指令，確定待展開的數(shù)據(jù)節(jié)點(diǎn)；所述節(jié)點(diǎn)展開指令中指示待展開的數(shù)據(jù)節(jié)點(diǎn)；

更新與所述待展開的數(shù)據(jù)節(jié)點(diǎn)處于同一層級(jí)的其他數(shù)據(jù)節(jié)點(diǎn)的狀態(tài)均為隱藏狀態(tài)，隱藏所述其他數(shù)據(jù)節(jié)點(diǎn)的子孫節(jié)點(diǎn)；

將所述待展開的數(shù)據(jù)節(jié)點(diǎn)的狀態(tài)由隱藏狀態(tài)更新為展示狀態(tài)，在所述待展開的數(shù)據(jù)節(jié)點(diǎn)下顯示所述待展開的數(shù)據(jù)節(jié)點(diǎn)的所有子節(jié)點(diǎn)。

2.根據(jù)權(quán)利要求1所述的樹組件彈窗的渲染方法，其特征在于，所述響應(yīng)于節(jié)點(diǎn)展開指令，確定待展開的數(shù)據(jù)節(jié)點(diǎn)的步驟之前還包括：

構(gòu)建樹組件彈窗，將所述樹組件彈窗中預(yù)設(shè)層級(jí)的數(shù)據(jù)節(jié)點(diǎn)的狀態(tài)設(shè)置為默認(rèn)展開狀態(tài)，將預(yù)設(shè)層級(jí)的數(shù)據(jù)節(jié)點(diǎn)之外的數(shù)據(jù)節(jié)點(diǎn)的狀態(tài)更新為隱藏狀態(tài)；所述預(yù)設(shè)層數(shù)小于樹組件彈窗中的總層數(shù)；

響應(yīng)于彈窗開啟指令，將所述樹組件彈窗中的所述預(yù)設(shè)層級(jí)的數(shù)據(jù)節(jié)點(diǎn)的默認(rèn)展開狀態(tài)更新為展開狀態(tài)，開啟彈窗界面，在狀態(tài)為展開狀態(tài)的數(shù)據(jù)節(jié)點(diǎn)下顯示所有子節(jié)點(diǎn)。

3.根據(jù)權(quán)利要求2所述的樹組件彈窗的渲染方法，其特征在于，還包括：

響應(yīng)于彈窗關(guān)閉指令，操作dom文檔對(duì)象模型將彈窗界面關(guān)閉，之后通過setState方法對(duì)樹組件彈窗中的數(shù)據(jù)節(jié)點(diǎn)進(jìn)行更新。

4.根據(jù)權(quán)利要求3所述的樹組件彈窗的渲染方法，其特征在于，所述通過setState方法對(duì)樹組件彈窗中的數(shù)據(jù)節(jié)點(diǎn)進(jìn)行更新，具體為：

將所述樹組件彈窗中預(yù)設(shè)層級(jí)的數(shù)據(jù)節(jié)點(diǎn)的狀態(tài)更新為默認(rèn)展開狀態(tài)，將預(yù)設(shè)層級(jí)的數(shù)據(jù)節(jié)點(diǎn)之外的數(shù)據(jù)節(jié)點(diǎn)的狀態(tài)更新為隱藏狀態(tài)。

5.根據(jù)權(quán)利要求1所述的樹組件彈窗的渲染方法，其特征在于，所述更新與所述待展開的數(shù)據(jù)節(jié)點(diǎn)處于同一層級(jí)的其他數(shù)據(jù)節(jié)點(diǎn)的狀態(tài)均為隱藏狀態(tài)，具體為：

確定與所述待展開的數(shù)據(jù)節(jié)點(diǎn)處于同一層級(jí)的其他數(shù)據(jù)節(jié)點(diǎn)的狀態(tài)；

若存在處于展示狀態(tài)的其他數(shù)據(jù)節(jié)點(diǎn)，則將所述處于展示狀態(tài)的其他數(shù)據(jù)節(jié)點(diǎn)的狀態(tài)更新為隱藏狀態(tài)。

6.根據(jù)權(quán)利要求1或5所述的樹組件彈窗的渲染方法，其特征在于，所述樹組件彈窗中的數(shù)據(jù)節(jié)點(diǎn)具有唯一標(biāo)識(shí)和父節(jié)點(diǎn)屬性；父節(jié)點(diǎn)屬性用于表征數(shù)據(jù)節(jié)點(diǎn)的父節(jié)點(diǎn)的唯一標(biāo)識(shí)；

相應(yīng)的，所述與所述待展開的數(shù)據(jù)節(jié)點(diǎn)處于同一層級(jí)的其他數(shù)據(jù)節(jié)點(diǎn)，根據(jù)與所述待展開的數(shù)據(jù)節(jié)點(diǎn)具有相同的父節(jié)點(diǎn)屬性確定。

7.一種樹組件彈窗的渲染裝置，其特征在于，包括：

展開指令響應(yīng)模塊，用于響應(yīng)于節(jié)點(diǎn)展開指令，確定待展開的數(shù)據(jù)節(jié)點(diǎn)；所述節(jié)點(diǎn)展開指令中指示待展開的數(shù)據(jù)節(jié)點(diǎn)；

狀態(tài)更新模塊，用于更新與所述待展開的數(shù)據(jù)節(jié)點(diǎn)處于同一層級(jí)的其他數(shù)據(jù)節(jié)點(diǎn)的狀態(tài)均為隱藏狀態(tài)，隱藏所述其他數(shù)據(jù)節(jié)點(diǎn)的子孫節(jié)點(diǎn)；

展示模塊，用于將所述待展開的數(shù)據(jù)節(jié)點(diǎn)的狀態(tài)由隱藏狀態(tài)更新為展示狀態(tài)，在所述待展開的數(shù)據(jù)節(jié)點(diǎn)下顯示所述待展開的數(shù)據(jù)節(jié)點(diǎn)的所有子節(jié)點(diǎn)。

8.根據(jù)權(quán)利要求7所述的樹組件彈窗的渲染裝置，其特征在于，還包括：

彈窗構(gòu)建模塊，用于構(gòu)建樹組件彈窗，將所述樹組件彈窗中預(yù)設(shè)層級(jí)的數(shù)據(jù)節(jié)點(diǎn)的狀態(tài)設(shè)置為默認(rèn)展開狀態(tài)，將預(yù)設(shè)層級(jí)的數(shù)據(jù)節(jié)點(diǎn)之外的數(shù)據(jù)節(jié)點(diǎn)的狀態(tài)更新為隱藏狀態(tài)；所述預(yù)設(shè)層數(shù)小于樹組件彈窗中的總層數(shù)；

彈窗開啟模塊，用于響應(yīng)于彈窗開啟指令，將所述樹組件彈窗中的所述預(yù)設(shè)層級(jí)的數(shù)據(jù)節(jié)點(diǎn)的默認(rèn)展開狀態(tài)更新為展開狀態(tài)，開啟彈窗界面，在狀態(tài)為展開狀態(tài)的數(shù)據(jù)節(jié)點(diǎn)下顯示所有子節(jié)點(diǎn)。

9.一種電子設(shè)備，包括存儲(chǔ)器、處理器及存儲(chǔ)在存儲(chǔ)器上并可在處理器上運(yùn)行的計(jì)算機(jī)程序，其特征在于，所述處理器執(zhí)行所述程序時(shí)實(shí)現(xiàn)如權(quán)利要求1至6任一項(xiàng)所述樹組件彈窗的渲染方法的步驟。

10.一種非暫態(tài)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其特征在于，所述非暫態(tài)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)存儲(chǔ)計(jì)算機(jī)指令，所述計(jì)算機(jī)指令使所述計(jì)算機(jī)執(zhí)行如權(quán)利要求1至6中任意一項(xiàng)所述的樹組件彈窗的渲染方法。