樹型物件的table展現形式思考

2021-08-24 21:07:30 字數 1970 閱讀 6580

[img]

如圖所示:近日專案中需要將乙個動態樹型結構以**動態合併行形式實現,目前的實現方式是通過後台輸出tr,td,總感覺不是很好,我想請教一下,是否有這種已經做好的通用轉換jar包或是js包,通過傳入乙個tree物件,可以轉換成頁面table形式呢?

目前這個tree物件從後台遞迴查詢出來,各節點可提供以下幾個屬性:

1,ifleaf: 0 分項 1 細則

2,colspan: 當前節點需要合併的列數

3,rowspan: 當前節點需要合併的行數

對於分項,colspan總是為1,rowspan需要動態統計;對於細則,colspan需要動態統計,rowspan總是為1

這個是可以通過乙個sql遞迴查詢一次性獲得。

[color=blue]select rule_id,

parent_id,

rule_content,

high_score,

lower_score,

level_score,

is_low_rule,

init_score,

case when is_low_rule = 1 then 1 else

(select count(*)

from be_t_eva_rules

where is_valid = 1 and is_low_rule = 1

and model_id = $value$

start with parent_id = ber.rule_id

connect by prior rule_id = parent_id)

end as rowspan,

case when is_low_rule = 0 then 1 else

(select max(level)

from be_t_eva_rules

where is_valid = 1

and model_id = $value$

start with parent_id = 0

connect by prior rule_id = parent_id) - level+1

end as colspan

from be_t_eva_rules ber

where is_valid = 1

and model_id = $value$

start with parent_id = 0

connect by prior rule_id = parent_id

order siblings by is_low_rule, order_id, rule_id[/color]

在這裡,主要請教一下使用js,能否根據這樣乙個tree物件,封裝成乙個通用js,在頁面呼叫一下,就能立即展現的js通用包。

以下是該頁面解析後源**,配合找出規律

分項一

分項一一

分項一一一

細則一一一一

細則一一一二

細則一一一

細則一一二

細則一一三

分項一二

細則一二一

細則一二二

細則一一

細則一二

細則一三

細則一四

細則一細則二

根據上面的sql語句查詢出來的結果帖圖如下,其排序正好與源**中畫tr,td的順序完全一致

[img]

現將如何在頁面迭代輸出,並動態合併行列**貼上:

">細則名稱

" rowspan="">

" rowspan="">

" rowspan="">

對不起,該模板沒有細則內容!

瀏覽器根據上面**解析後效果如下:

[img]

[color=red]此方法不適應於存在空枝點的情形,如有需要,請自行修正![/color]

社群團購的展現形式有哪些?

近年來,社群模式越發紅火,尤其是疫情之後,試水社群的商家越來越多,小到普通商超 水果店等,大到太平鳥等品牌企業,都紛紛加入社群運營,3月期間,太平鳥單日最高銷售額近5000萬元,可以說交出了相當漂亮的成績。社群模式的崛起為商家提供了更多的可能性,其中由社群模式衍生出來的社群 模式則將社群模式更加細分...

字尾樹的實現形式

高階資料結構 上述字尾樹t是根據字串s的所有字尾構建的。有時候這個s可以是要給字串集合,所以字尾樹t是根據所欲字串的字尾構建的。這種字尾樹也叫做廣義字尾樹。一種很自然的構建方式可以給每個字串加兩兩不同的結尾符,這些結尾符沒有在任何字串 現過。然後,我們將這些新增了結尾符的字串首尾相接作為乙個整體來構...

2023年現代農業的十個基本展現形式

現代農業基本型別一 綠色農業 綠色農業是指充分運用先進科學技術 先進工業裝備和先進管理理念,以促進農產品安全 生態安全 資源安全和提高農業綜合經濟效益的協調統一為目標,以倡導農產品標準化為手段,推動人類社會和經濟全面 協調 可持續發展的農業發展模式。綠色農業不是傳統農業的回歸,也不是對生態農業 有機...