自定义列表布局

Question

我正在使用rest-admin框架。

我想更改列表的布局，并添加一个自定义组件。

当前布局为：

我要添加一个快速搜索组件。过滤器面板会显示或隐藏一个动作。 因为我认为您放置快速搜索过滤器会浪费很多屏幕空间。我的想法是更好地利用空白。

下一张图片是我需要的layou：

我基于Google分析用户管理用户界面：

我的问题是：我可以通过重用框架的list组件而不创建新的“ List”组件来做到这一点吗？

Answer 1

您将必须实现自己的List组件。但是，大多数List工作实际上是由ListController的{​​{1}}组件完成的，我们还没有时间进行适当的文档记录，但是实现起来并不难。您可以从ra-core组件复制/粘贴代码，并根据需要进行调整。

但是要注意两件事：

1. 已经可以使用始终启用过滤器进行快速搜索。因此，如果您可以在没有确切布局的情况下生活，那就是您的最佳选择。查看示例的演示源代码：https://marmelab.com/react-admin-demo/#/customers

2. 我们正在调查对儿童的支持，以作为某些List组件的功能（ra-ui-material是其中的一个），以简化这种自定义操作