之前,小喵在實現樹狀結構的Menu時,通常是撰寫遞迴的方式,來展開樹狀結構。不過由於Blazor的Component特性,是可以將Component應用在頁面的某個部分,這讓小喵在上次遇到Blazor套用AdminLTE遇到無法展開收合問題時,開始思考是否可以透過開發一個MenuNode的Component,並在裡面在套用自己(MenuNode)的方式,去實現以前要用遞迴才能實現的樹狀結構。這一篇就來看這是怎麼做的。
2021-03-12
之前,小喵在實現樹狀結構的Menu時,通常是撰寫遞迴的方式,來展開樹狀結構。不過由於Blazor的Component特性,是可以將Component應用在頁面的某個部分,這讓小喵在上次遇到Blazor套用AdminLTE遇到無法展開收合問題時,開始思考是否可以透過開發一個MenuNode的Component,並在裡面在套用自己(MenuNode)的方式,去實現以前要用遞迴才能實現的樹狀結構。這一篇就來看這是怎麼做的。
以前在 WebForm 針對頁面會有 PageBase , MVC 的 Controller 會有 ControllerBase,那麼在撰寫 Blazor 的 Component 是否也是會有 ComponentBase ,有的,來喔~
在上一篇【[筆記][Blazor][CRUD]Blazor透過WebAPI進行CRUD範例】留下一個懸念,在套用對話視窗元件,第二次呼叫時卻沒有任何動靜,這一篇來記錄一下小喵測試的可能問題,以及解決的方式。
在 Angular 2 / 4 的世界中,是一個一個的 Component 堆積而成的,每個 Component 都是獨立,卻又可以交互合作,在這樣的情況下,外層的 Component 如何傳遞入(Input)資料給內層的 Component ,而內層的資料,在要把資料往外傳遞(Output)時,又如何觸發外層的事件來處理往外傳遞的資料。我們這一篇就來看看 Component 的 Input / Output 如何撰寫