laravel select联动

最新推荐文章于 2024-09-09 08:58:53 发布

原创最新推荐文章于 2024-09-09 08:58:53 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

laravel 同时被 2 个专栏收录

9 篇文章

订阅专栏

php

7 篇文章

订阅专栏

本文详细解析了Laravel Admin中表单SELECT级联功能的问题，包括如何正确设置产品类别选择，以及如何修正编辑状态下默认选项未被选中的问题。通过修改源代码，确保了级联选项在页面加载时能正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 $form->select('product_category_id','产品类别')->options(ProductCategory::where('parent_id',0)->pluck('title','id'))->load('product_category_er_id', '/admin/product_category_er');
        $form->select('product_category_er_id','产品下一级类别');

 public function product_category_er(){
        $id=request('q');
        return ProductCategory::where('parent_id',$id)->get(['id', DB::raw('title as text')]);
    }

此处应该写为下面的：

return ProductCategory::where('parent_id','=', $parent_id)->get(['id', DB::raw('title as text')]);

不应写为：

return ProductCategory::where('parent_id','=', $parent_id)->pluck('title ', 'id')；

laravel-admin解决表单SELECT联动时，编辑默认没选上

首先我们找到select的js，路径：跟目录/vendor/encore/laravel-admin/src/Form/Field下的Select.php文件，找到下面代码：

$script = <<<EOT
$(document).on('change', "{$this->getElementClassSelector()}", function () {
    var target = $(this).closest('.fields-group').find(".$class");
    $.get("$sourceUrl?q="+this.value, function (data) {
        target.find("option").remove();
        $(target).select2({
            data: $.map(data, function (d) {
                d.id = d.$idField;
                d.text = d.$textField;
                return d;
            })
        }).trigger('change');
    });
});
EOT;

并修改成以下代码：

$script = <<<EOT
$(document).on('change', "{$this->getElementClassSelector()}", function () {
    var target = $(this).closest('.fields-group').find(".$class");
    $.get("$sourceUrl?q="+this.value, function (data) {
        target.find("option").remove();
        $(target).select2({
            data: $.map(data, function (d) {
                d.id = d.$idField;
                d.text = d.$textField;
                return d;
            })
        }).trigger('change');
    });
});
$('{$this->getElementClassSelector()}').trigger('change');

EOT;
我们在原有代码中加入这句：

$('{$this->getElementClassSelector()}').trigger('change');