如何在admin-on-on-on-on-on-on-on-on-on-Rest列表视图中对参考字段列进行排序

Question

我很抱歉，如果我错过了文档中的这篇文章。请向我展示如何在用户名值中对参考字段列进行排序，而不是列表/datagrid视图中的ID。

<ReferenceField label="User" source="userId" reference="users" linkType="show">
  <TextField source="username" />
</ReferenceField>

用ID订购时，客户对客户进行排序没有多大意义。

Answer 1

tl; dr

将sortBy="username"添加到<ReferenceField>组件。

注意：此解决方案仅与react-admin 2.1 及更高版本一起使用！

说明

在他们宣布的2018年7月博客文章中：

React-Admin 2.1现在允许您使用sortBy Prop：

指定用于在<ReferenceField>中进行排序的字段名称

<ReferenceField label="User" source="userId" reference="users" sortBy="user.name">
  <TextField source="name" />
</ReferenceField>

他们在<List>的文档中也有一个部分，其中包含以下代码示例：

<ReferenceField label="Post" source="id" reference="posts" sortBy="title">
  <TextField source="title" />
</ReferenceField>