Filament 导航分组常见技巧

Filament 允许您对导航项进行分组。在本教程中,让我们看看导航分组的常见选项与显示效果。 开启分组 可以

Filament 允许您对导航项进行分组。在本教程中,让我们看看导航分组的常见选项与显示效果。

开启分组

可以通过在资源或自定义页面上的 $navigationGroup 属性中指定组名称来对导航项进行分组。具有相同组名的资源或自定义页面会自动分为一组。

protected static ?string $navigationGroup = 'Shop';

分组排序

当然,您可能想要更改导航组的顺序。可以使用面板程序(如 AdminPanelProvider.php )提供的 navigationGroups() 方法在数组中设置顺序。

$panel
    ->navigationGroups([
        'Blog',
        'Shop',
    ])

分组自定义

可以进一步自定义组,例如,通过添加图标或默认折叠它们。

分组图标

在面板程序(如 AdminPanelProvider.php )提供的 navigationGroups()方法中,通过数组参数设置 icon 设置分组图标。

$panel
    ->navigationGroups([
        NavigationGroup::make()
            ->label('Blog')
            ->icon('heroicon-o-pencil'),
        NavigationGroup::make()
            ->label('Shop')
            ->collapsed(),
        ])

折叠分组

如果您不希望某些组可折叠,可以使用 collapsible() 方法设置它们。

$panel
    ->navigationGroups([
                NavigationGroup::make()
                    ->label('Blog')
                    ->icon('heroicon-o-pencil')
                    ->collapsible(false), 
                NavigationGroup::make()
                    ->label('Shop')
                    ->collapsed(),
            ])

或者,您可以关闭全局所有组的可折叠功能。

return $panel
        // ...
        ->collapsibleNavigationGroups(false);