【问题标题】:Customize the list layout自定义列表布局
【发布时间】:2018-06-25 19:48:42
【问题描述】:

我正在使用 rest-admin 框架。

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

目前的布局是:

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

下一张图片将是我需要的布局:

我基于 Google 分析用户管理 UI:

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

【问题讨论】:

    标签: reactjs material-ui admin-on-rest react-admin


    【解决方案1】:

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

    有两点需要注意:

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

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

    【讨论】:

    • PS:请不要在存储库问题上发布重复的 StackOverflow 问题。它只是为我们做更多的工作
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-11-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多