下拉菜单

# 下拉菜单

通过`Dcat\Admin\Widgets\Dropdown`这个类可以快速帮大家构建下拉菜单功能。

### 基本用法

```php
<?php

use Dcat\Admin\Widgets\Dropdown;
use Dcat\Admin\Layout\Content;

class MyController
{
    public function index(Content $content)
    {
        $options = [
            '名称1',
            '名称2',
            '名称3',
            '名称4',
            '名称5',
        ];
        
        $dropdown = Dropdown::make($options)
            ->button('分类导航') // 设置按钮
            ->buttonClass('btn btn-white  waves-effect') // 设置按钮样式
            ->map(function ($label, $key) {
                // 格式化菜单选项
                $url = admin_url('categories/'.$key);

return "<a href='$url'>{$label}</a>";
            });
         
        return $content->body($dropdown);
    }
}
```
效果
![](http://docs.oneself.icu:10010/storage/markdown/images/f759a18ee9feb85f18d126cd88332a54667bc03ad969a.png)

### 点击菜单更换按钮文本

`click`方法可以让选中的菜单文本显示在按钮中，做到类似下拉选框的效果。

```php
$options = [
    ...
];

$dropdown = Dropdown::make($options)
    ->button('选择') // 设置按钮
    ->click();
```

### 设置标题

```php
$options1 = [
    '名称1',
    '名称2',
];

$options2 = [
    '测试1',
    '测试2',
];

$dropdown = Dropdown::make()
    ->button('使用标题')
    ->options($options1, '标题1')
    ->options($options2, '标题2');
```
效果
![](http://docs.oneself.icu:10010/storage/markdown/images/79efb14a6bee7cb8704f916e737635fb667bc04641069.png)

### 增加分割线

```php
$options = [
    '名称1',
    '名称2',
    Dropdown::DIVIDER,
    '名称3',
    '名称4',
];

$dropdown = Dropdown::make()
    ->button('使用分割线')
    ->options($options)
```
效果
![](http://docs.oneself.icu:10010/storage/markdown/images/feceb87fce2ccfb38d58ce6d6e36516b667bc05267f75.png)

### 自定义按钮

```php
    public function index(Content $content)
    {
        $options = [
            '名称1',
            '名称2',
            '名称3',
            '名称4',
            '名称5',
        ];
        
        $dropdown = Dropdown::make($options)
            ->map(function ($label, $key) {
                // 格式化菜单选项
                $url = admin_url('categories/'.$key);

return "<a href='$url'>{$label}</a>";
            });
         
        return $content->body(
            <<<HTML
<div class='dropdown'>
     <button class='btn btn-primary dropdown-toggle' data-toggle='dropdown'>
        <i class='feather icon-email'></i> 自定义按钮 
     </button>
     {$dropdown->render()}
</div>            
HTML            
        );
    }
```

效果

![](http://docs.oneself.icu:10010/storage/markdown/images/b048c2c06842c5a10951b26e08394602667bc064784e8.png)

目录

内容导航

下拉菜单