如何实现FluentUI Blazor中TemplateColumn的排序功能?
解决TemplateColumn排序失效的简化方案
你遇到的问题核心在于:TemplateColumn不像PropertyColumn那样自动关联排序的数据源字段,仅设置Sortable="true",系统无法识别该依据哪个属性执行排序逻辑。
无需额外创建按钮或编写事件处理代码,只需要给TemplateColumn添加SortExpression属性,绑定到对应的实体属性即可实现排序:
<!-- UserName Column --> <TemplateColumn Title="UserName" Sortable="true" SortExpression="@(p => p.UserName)"> <CellTemplate Context="context"> @if (context.IsEditing) { <input type="text" @bind="context.UserName" style="width: 100%;" /> } else { @context.UserName } </CellTemplate> </TemplateColumn>
通过SortExpression明确指定排序依据的属性后,点击列标题就能像PropertyColumn一样触发自动排序逻辑,完全满足简化实现的需求。
内容的提问来源于stack exchange,提问作者gal mor
相关产品推荐
相关产品推荐

