728x90

부모노드에 자식노드가 없는 경우 부모노드의 확장 아이콘을 숨기는 방법입니다.

@page "/treeBinding"

@using Blazor.RadzenTest.Data

<h3>TreeBindingPage</h3>

<RadzenTree Data="@menus">
    <RadzenTreeLevel TextProperty="MenuName" ChildrenProperty="MenuItems" HasChildren="@((menuItem) => ((MenuItem)menuItem).MenuItems != null)" />
</RadzenTree>

@code {
    IEnumerable<MenuItem>? menus;

    protected override void OnInitialized()
    {
        MenuItem parent1 = new MenuItem() { MenuID = 1, MenuName = "부모1", MenuDescription = "부모1입니다." };
        MenuItem child1 = new MenuItem() { MenuID = 11, MenuName = "자식1", MenuDescription = "자식1입니다." };
        MenuItem child2 = new MenuItem() { MenuID = 12, MenuName = "자식2", MenuDescription = "자식2입니다." };
        parent1.MenuItems = new List<MenuItem>() { child1, child2 };

        MenuItem parent2 = new MenuItem() { MenuID = 2, MenuName = "부모2", MenuDescription = "부모2입니다." };

        menus = new List<MenuItem>() { parent1, parent2 };
    }
}

HasChildren 에서 바인딩된 항목의 자식 데이터를 확인하여 처리하면됩니다.

결과

 

728x90
Posted by kjun.kr
,