如何从数据库填充选择选项 - Spatie 权限包 - Laravel

Question

我一直在关注这篇文章，以调出 Spatie/权限的前端 UI。

article

我能理解每个部分，但我无法理解特定部分，

请导航到角色部分，（请搜索“roles.edit”，它将直接进入该部分）

在编辑视图中作者正在使用代码，

<h5><b>Assign Permissions</b></h5>
    @foreach ($permissions as $permission)
        {{Form::checkbox('permissions[]',  $permission->id, $role->permissions ) }}
        {{Form::label($permission->name, ucfirst($permission->name)) }}<br>
    @endforeach

我的理解是表单集合使用第三个参数作为检查字段。

当我运行传递给第三个字段的输出时

{{$role->权限 }}

我得到了这种格式的结果

[{"id":1,"name":"Permission","guard_name":"web","created_at":"2019-08-04 05:53:14","updated_at":"2019-08-04 05:53:14","pivot":{"role_id":9,"permission_id":1}},

我不确定 laravel 集体如何解析结果。

用于编辑的作者控制器

 public function edit($id) {
        $role = Role::findOrFail($id);
        $permissions = Permission::all();
        return view('roles.edit', compact('role', 'permissions'));
    }

这是我克服这个问题的方法，顺便说一句，我没有使用集体

我的编辑控制器

 public function edit($id)
    {
        $role = Role::find($id);
        $roles_permissions = Role::findByName($role->name)->permissions;
        $permissions = Permission::all();

        return view('admin.userrole.role.edit', compact('role', 'permissions','roles_permissions'));
    }

我的刀片文件

<h4>Assign Permission</h4>
        <div class='form-group'>
            <p>
                Existing Permissions:
                @foreach ($roles_permissions as $item)
                <span class="badge badge-success"> {{$item->name}}</span>
                @endforeach
            </p>
            <p> {{$role->permissions}}</p>
            <select name="permissions[]" id="permissions" multiple class="form-control">
                @foreach ($roles_permissions as $item)
                <option value="{{$item->id}}" selected hidden></option>
                <span class="badge badge-success"> {{$item->name}}</span>
                @endforeach
                <option value="" selected>
                </option>
                @foreach ($permissions as $permission)
                <option value="{{$permission->id}}" checked="{{$role->permissions}}">{!!ucfirst($permission->name)!!}
                </option>
                @endforeach
            </select>
        </div>

我确信这不是实现这一目标的正确方法。请让我知道如何在 选择字段。

注意：如果提出问题，请评论为什么。这样我就可以改进我的演示文稿。我很感激你的努力。谢谢

Answer 1

有几个问题可以帮助您完成这项工作。 LaravelCollective 表单 (HTML) 库非常棒，但也需要一点时间来适应。

在 controller 方面，您当前正在从该行将完整权限对象列表发送回表单：

 $permissions = Permission::all();

或者，正如作者的表单所做的那样，他们只是从特定的$role 中提取这些权限。无论哪种方式，缺少的部分是控制器将完整的对象发送回表单，这在当前编码时将无法工作。 select 框只需要 name 和 id。

所以 控制器 应该使用 pluck 只收集这些字段：

 $permissions = Permission::orderBy('name')->pluck('name', 'id');

然后，在您的 blade 页面上，权限选项将与选择部分正确对齐：

{{Form::select('permissions[]', $permissions, null, [//classes, placeholder, multiple, etc] ) }}

请注意这里的一些事情 - $permissions 是 第二个参数，而不是第三个。此外，您不需要指定$permission->id，这是通过form-model-binding 使用集体自动完成的。相反，使用 null 它将绑定到您已绑定到表单的 user。如果您不使用表单模型绑定，则可以使用第三个参数而不是null自己编写：

 {{Form::select('permissions[]', $permissions, (isset($user->permission_id)? $user->permission_id: [null=>'Please Select']), [//classes, placeholder, multiple etc] ) }}

表单模型绑定非常棒，并且允许您像上面一样使用null...这并不难 - 您只需要使用正确的模型打开表单即可。这超出了此问题的范围，但请查看集体文档以获取有关如何执行此操作的示例。