Laravel使用View Composer实现下拉框新增无选项问题排查

• 核心问题：下拉框渲染逻辑嵌套错误，新增场景下无选项输出
  新增页面中你创建的是空白Specification实例，$specification->grades/$specification->gnames/$specification->gsizes都是空的关联集合。你当前的代码是先遍历所有可选选项，再嵌套遍历已关联的关联数据，空白实例下内层循环不会执行，自然不会渲染任何可选选项。
• 次要问题1：多对多场景下逻辑冗余，若一个规格关联了多个同类型数据，会重复渲染相同的option选项
• 次要问题2：gsize下拉框的默认提示文字错误，和gname下拉框一样显示为Select Grade Name

1. 修正下拉框渲染逻辑（必改） #

不需要嵌套循环，提前把已关联的ID提取为数组，遍历可选选项时直接判断是否需要选中即可。

gradeDropDown.blade.php 修正后代码 #

<select name="" id="">
    @php
        // 优先级：旧输入值 > 已关联的grade ID，新增时已关联ID为空数组
        $selectedGrades = old('grade', $specification->grades->pluck('id')->toArray());
    @endphp
    @foreach ($grades_datas as $grade_data)
        <option value="{{ $grade_data->id }}"
            {{ in_array($grade_data->id, $selectedGrades) ? 'selected' : '' }}>
            {{ $grade_data->grade }}
        </option>
    @endforeach
</select> 

gnameDropDown.blade.php 修正后代码 #

<select name="{{ $field ?? 'gname' }}" id="gname" class="form-control form-control-sm" required>
    <option disabled @if(empty(old('gname', $specification->gnames->pluck('id')->toArray()))) selected @endif>Select Grade Name</option>
    @php
        $selectedGnames = old('gname', $specification->gnames->pluck('id')->toArray());
    @endphp
    @foreach ($gnames_datas as $gname_data)
        <option value="{{ $gname_data->id }}" {{ in_array($gname_data->id, $selectedGnames) ? 'selected' : '' }}>
            {{ $gname_data->gname }}
        </option>
    @endforeach
</select>

gsizeDropDown.blade.php 修正后代码 #

<select name="{{ $field ?? 'gsize' }}" id="gsize" class="form-control form-control-sm" required>
    <option disabled @if(empty(old('gsize', $specification->gsizes->pluck('id')->toArray()))) selected @endif>Select Grade Size</option>
    @php
        $selectedGsizes = old('gsize', $specification->gsizes->pluck('id')->toArray());
    @endphp
    @foreach ($gsizes_datas as $gsize_data)
        <option value="{{ $gsize_data->id }}" {{ in_array($gsize_data->id, $selectedGsizes) ? 'selected' : '' }}>
            {{ $gsize_data->gsize }}
        </option>
    @endforeach
</select>

如果你需要支持多选，给select标签添加multiple属性即可，选中逻辑无需修改。

2. 可选优化：合并重复的View Composer代码 #

你当前三个Composer逻辑完全一致，可以合并为一个通用类，减少后续维护成本：

新建 CommonDropdownComposer.php #

<?php
namespace App\Http\View\Composers;
use Illuminate\View\View;

class CommonDropdownComposer
{
    public function compose(View $view)
    {
        // 新增下拉只需要在这个数组里配置即可
        $dropdownConfig = [
            'grades_datas' => \App\Grade::class,
            'gnames_datas' => \App\Gname::class,
            'gsizes_datas' => \App\Gsize::class,
        ];

        foreach ($dropdownConfig as $variableName => $model) {
            $field = str_replace('_datas', '', strtolower($variableName));
            $view->with($variableName, $model::select('id', $field)->orderBy($field)->get());
        }
    }
}

修改AppServiceProvider.php绑定规则 #

<?php
namespace App\Providers;
use Illuminate\Support\ServiceProvider;
use Illuminate\Support\Facades\View;
use App\Http\View\Composers\CommonDropdownComposer;

class AppServiceProvider extends ServiceProvider
{
    public function boot()
    {
        // 只需要绑定一次即可
        View::composer('partials.grade.*', CommonDropdownComposer::class);
    }
}

内容的提问来源于stack exchange，提问作者MD40