3

我正在使用 rest-admin 框架。

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

目前的布局是:

实际布局

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

下一张图片将是我需要的布局: 自定义列表

我基于 Google 分析用户管理 UI: 谷歌分析示例

我的问题是:我可以通过重用框架的列表组件而不创建新的“列表”组件来做到这一点吗?

4

1 回答 1

1

您必须实现自己的List组件。然而,大部分List工作实际上是由我们没有时间正确记录的ListController组件完成的,但实现起来应该不会太难。ra-core您可以从组件中复制/粘贴代码List并根据需要进行调整。

不过要注意两点:

  1. 快速搜索已经可以使用始终在过滤器上。因此,如果您可以在没有确切布局的情况下生活,那就是要走的路。查看示例源代码:https ://marmelab.com/react-admin-demo/#/customers

  2. 我们正在调查对子组件的支持作为某些ra-ui-material组件(List其中之一)的功能,以使这种定制更容易

于 2018-06-26T18:43:08.513 回答