在 Syncfusion 下拉菜单中创建块显示

问题描述 投票:0回答:0

我正在尝试创建一个 Syncfusion Blazor 组件,该组件显示下拉列表的标题(客户名称),然后在下拉列表项下方显示分配给该特定客户的项目和用户数。

我有方法获取项目和用户的数量,但是我正在努力使用组件在我的程序中正确显示它们:

成分:

@using Syncfusion.Blazor.DropDowns
@typeparam TItem
@typeparam TValue
@inherits ContextAwareComponent

<SfDropDownList TItem="TItem" TValue="TValue">
    @foreach(var client in Clients)
    {
        <option value="@client.Id">
            <div>
                <div>
                    <span>@client.Name</span>
                </div>
                <div>
                    <span>
                           @(ClientProjectCount()) Project
                        <svg>
                            <circle r="5px"></circle>
                        </svg>
                           @(ClientUserCount()) Users
                    </span>
                </div>
            </div>
        </option>
    }
</SfDropDownList>

设计看起来像这样:

任何人都可以启发我如何创建它吗?

提前致谢。

c# blazor syncfusion
© www.soinside.com 2019 - 2024. All rights reserved.