Laravel Backpack关联关系中多字段自动填充问题求助

1. 修正模型关联 #

先确保Order模型与Product模型建立正确的关联：

// app/Models/Order.php
public function productrelation()
{
    // 外键是orders表的product_SKU，关联products表的SKU字段
    return $this->belongsTo(\App\Models\Products::class, 'product_SKU', 'SKU');
}

2. 修复CRUD字段配置错误 #

你当前的product_sku字段value函数里，查询条件误用了product_name（products表实际字段是name），这是报错的核心原因。同时补充price和current_stock字段的完整配置：

// OrderCrudController.php
// 产品名称选择字段
CRUD::field([
    'type' => 'select2',
    'name' => 'product_name',
    'label' => 'Product Name',
    'model' => '\App\Models\Products',
    'attribute' => 'name',
    'allows_null' => true,
    'entity' => 'productrelation',
]);

// 产品SKU字段
CRUD::field([
    'type' => 'text',
    'name' => 'product_SKU', // 需与orders表字段名完全匹配
    'label' => 'Product SKU',
    'attributes' => [
        'readonly' => true,
    ],
    'entity' => 'productrelation',
    'attribute' => 'SKU', // 对应products表的SKU字段
    'depends_on' => ['product_name'],
    'value' => function($crud) {
        // 修正查询条件为name，而非product_name
        $product = \App\Models\Products::where('name', $crud->getRequest()->input('product_name'))->first();
        return $product ? $product->SKU : '';
    }
]);

// 产品价格字段
CRUD::field([
    'type' => 'text',
    'name' => 'price',
    'label' => 'Price',
    'attributes' => [
        'readonly' => true,
    ],
    'entity' => 'productrelation',
    'attribute' => 'price',
    'depends_on' => ['product_name'],
    'value' => function($crud) {
        $product = \App\Models\Products::where('name', $crud->getRequest()->input('product_name'))->first();
        return $product ? $product->price : '';
    }
]);

// 库存字段
CRUD::field([
    'type' => 'text',
    'name' => 'current_stock',
    'label' => 'Current Stock',
    'attributes' => [
        'readonly' => true,
    ],
    'entity' => 'productrelation',
    'attribute' => 'current_stock',
    'depends_on' => ['product_name'],
    'value' => function($crud) {
        $product = \App\Models\Products::where('name', $crud->getRequest()->input('product_name'))->first();
        return $product ? $product->current_stock : '';
    }
]);

3. 添加前端实时填充逻辑 #

仅靠后端value函数只能处理页面加载时的初始值，选中产品后需要AJAX实时更新字段。在CRUD视图（或通过Backpack的pushScript方法）添加以下JS：

$(document).ready(function() {
    // 监听产品名称选择框的变化
    $('select[name="product_name"]').on('change', function() {
        const productName = $(this).val();
        const fields = ['product_SKU', 'price', 'current_stock'];
        
        // 清空所有只读字段
        fields.forEach(field => $(`input[name="${field}"]`).val(''));
        
        if (!productName) return;
        
        // 发送AJAX请求获取产品数据
        $.get('{{ route("orders.get-product-data") }}', { name: productName }, function(data) {
            if (data) {
                // 填充对应的字段
                if (data.sku) $(`input[name="product_SKU"]`).val(data.sku);
                if (data.price) $(`input[name="price"]`).val(data.price);
                if (data.current_stock) $(`input[name="current_stock"]`).val(data.current_stock);
            }
        });
    });
});

4. 后端添加数据接口 #

在OrderCrudController中添加方法，用于返回选中产品的详细数据：

// OrderCrudController.php
use Illuminate\Http\Request;

public function getProductData(Request $request)
{
    $product = \App\Models\Products::where('name', $request->input('name'))->first();
    if (!$product) return response()->json([]);
    
    return response()->json([
        'sku' => $product->SKU,
        'price' => $product->price,
        'current_stock' => $product->current_stock
    ]);
}

然后在routes/web.php中添加路由：

Route::get('admin/orders/get-product-data', [\App\Http\Controllers\Admin\OrderCrudController::class, 'getProductData'])->name('orders.get-product-data');

关键注意事项 #

• 确保数据库字段名与CRUD配置中的name属性完全匹配（比如orders表的product_SKU而非product_sku）
• 若产品名称存在重复，建议改用id作为select2的提交值，避免查询出错：将select2字段的name改为product_id，查询时用where('id', $request->product_id)，这样更可靠

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