TreeList 中的排序、过滤和自定义模板列

Question

我在列上使用 TreeList 和自定义模板来显示用户头像。我还需要对此列进行排序和过滤。但是，当在模板列上组合所有这些功能（排序和过滤）时，它不起作用。有 2 个问题：

• 禁用排序时，过滤不起作用

• 启用排序时，过滤起作用，但排序抛出错误：“无法比较数组中的两个元素。” -->此问题已解决，如下评论。

有没有解决这个问题的解决方案？我正在使用 Blazor 3.0.1 的 UI

<TelerikTreeList Data="@Tasks"
                 IdField="Id"
                 ParentIdField="ParentId"
                 Sortable="true"
                 SortMode="@SortMode.Single"
                 FilterMode="@TreeListFilterMode.FilterMenu">

    <TreeListColumns>

        @*when disable sort, the filtering doesnt work*@
        <TreeListColumn Field="Owner" FieldType="@typeof(Avatar)" Title="Owner" Sortable="false"
                        FilterMenuType="@FilterMenuType.CheckBoxList">
            <Template>
                @{
                    var item = context as TaskItem;
                    <MyAvatar Avatar="item.Owner"></MyAvatar>
                }
            </Template>
        </TreeListColumn>

        @*when enable sort, the filter works but the sorting throw error*@
        <TreeListColumn Field="Owner" FieldType="@typeof(Avatar)" Title="Owner" Sortable="true"
                        FilterMenuType="@FilterMenuType.CheckBoxList">
            <Template>
                @{
                    var item = context as TaskItem;
                    <MyAvatar Avatar="item.Owner"></MyAvatar >
                }
            </Template>
        </TreeListColumn>

    </TreeListColumns>
</TelerikTreeList>

---

更新片段： https://blazorrepl.telerik.com/mQuxlWkD32B5eGay33

Answer 1

确保Field名称是原始（值）类型而不是完整对象。这是用于过滤和排序的模型字段。然后，删除 FieldType，或将其设置为 Owner 字段的类型，而不是其他字段。

Answer 2

您是否确实希望将列绑定到您希望比较所基于的基础基元类型，而不是 Avatar 对象本身？为此，您需要将 Field 和 FieldType 参数更新为适当的嵌套属性和类型。

我创建了一个 REPL 片段来演示这一点（请注意，我添加了一些虚拟类，因为它们在初始片段中缺失）： https://blazorrepl.telerik.com/mQuxlWkD32B5eGay33