Laravel - Выбор рюкзака зависит от другого выбора - PullRequest
1 голос
/ 19 июня 2020

Я недавно установил Laravel Backpack admin в свой проект Laravel. В данный момент я работаю над этим. Но мне нужна помощь. Итак ...

Что я хочу:

Я хочу иметь два выбора: первый - Category, второй - Article. Таким образом, выбор Article должен зависеть от выбора Category. И Article belongsTo Category.

Категория-Артикул

Category 1 = [ Article 1, Article 2, Article 3 ]
Category 2 = [ Article 4, Article 5 ]

Это просто отображение того, какая статья относится к категории. Так, например, когда я нажимаю Category 1 на category select, на article select он должен показать мне только Article 1, Article 2 and Article 3.

Что я сделал

Я следовал инструкциям в документации Backpack, для Add a select2 field that depends on another field по этой ссылке . Итак, что я сделал сначала:

Я создал две таблицы, Category таблицу и Article таблицу. Их модели:

class Category extends Model
{
    use CrudTrait;

    /*
    |--------------------------------------------------------------------------
    | GLOBAL VARIABLES
    |--------------------------------------------------------------------------
    */

    protected $table = 'categories';
    protected $primaryKey = 'id';
    // public $timestamps = false;
    // protected $guarded = ['id'];
    protected $fillable = ['title'];
    // protected $hidden = [];
    // protected $dates = [];

    /*
    |--------------------------------------------------------------------------
    | FUNCTIONS
    |--------------------------------------------------------------------------
    */

    public function articles(){
        return $this->hasMany('App\Models\Article');
    }
}

Это модель Category, а это Article модель:

class Article extends Model
{
    use CrudTrait;

    /*
    |--------------------------------------------------------------------------
    | GLOBAL VARIABLES
    |--------------------------------------------------------------------------
    */

    protected $table = 'articles';
    protected $primaryKey = 'id';
    // public $timestamps = false;
    // protected $guarded = ['id'];
    protected $fillable = ['title', 'category_id'];
    // protected $hidden = [];
    // protected $dates = [];

    /*
    |--------------------------------------------------------------------------
    | FUNCTIONS
    |--------------------------------------------------------------------------
    */

    /*
    |--------------------------------------------------------------------------
    | RELATIONS
    |--------------------------------------------------------------------------
    */

    public function category(){
        return $this->belongsTo('App\Models\Category');
    }
}

Я установил отношения между этими двумя моделями следующим образом. Поэтому, когда я создаю Article, он показывает мне заголовок, и мне нужно выбрать category_id из category select.

После всего этого я сделал таблицу Archive, и это мои миграции:

Schema::create('archives', function (Blueprint $table) {
   $table->increments('id');
   $table->string('title');

   $table->bigInteger('category_id')->unsigned();
   $table->foreign('category_id')->references('id')->on('categories');

   $table->bigInteger('article_id')->unsigned();
   $table->foreign('article_id')->references('id')->on('articles');

   $table->timestamps();
});

И моя Archive.php модель:

class Archive extends Model
{
    use CrudTrait;

    /*
    |--------------------------------------------------------------------------
    | GLOBAL VARIABLES
    |--------------------------------------------------------------------------
    */

    protected $table = 'archives';
    protected $primaryKey = 'id';
    // public $timestamps = false;
    // protected $guarded = ['id'];
    protected $fillable = ['title', 'category', 'article'];
    // protected $hidden = [];
    // protected $dates = [];

    /*
    |--------------------------------------------------------------------------
    | FUNCTIONS
    |--------------------------------------------------------------------------
    */

    /*
    |--------------------------------------------------------------------------
    | RELATIONS
    |--------------------------------------------------------------------------
    */

    public function category(){
        return $this->belongsTo('App\Models\Category');
    }

    public function article(){
        return $this->belongsTo('App\Models\Article');
    }
}

И тогда я следовал инструкциям из backpack docs. Это мой ArchiveCrudController:

public function setup()
    {
        /*
        |--------------------------------------------------------------------------
        | CrudPanel Basic Information
        |--------------------------------------------------------------------------
        */
        $this->crud->setModel('App\Models\Archive');
        $this->crud->setRoute(config('backpack.base.route_prefix') . '/archive');
        $this->crud->setEntityNameStrings('archive', 'archives');

        $this->crud->setColumns(['title', 'category', 'article']);
        $this->crud->addField([
            'name' => 'title',
            'type' => 'text',
            'label' => "Archive title"
        ]);

        $this->crud->addField([    // SELECT2
            'label'         => 'Category',
            'type'          => 'select',
            'name'          => 'category_id',
            'entity'        => 'category',
            'attribute'     => 'title',
        ]);
        $this->crud->addField([ // select2_from_ajax: 1-n relationship
            'label'                => "Article", // Table column heading
            'type'                 => 'select2_from_ajax',
            'name'                 => 'article_id', // the column that contains the ID of that connected entity;
            'entity'               => 'article', // the method that defines the relationship in your Model
            'attribute'            => 'title', // foreign key attribute that is shown to user
            'data_source'          => url('api/article'), // url to controller search function (with /{id} should return model)
            'placeholder'          => 'Select an article', // placeholder for the select
            'minimum_input_length' => 0, // minimum characters to type before querying results
            'dependencies'         => ['category'], // when a dependency changes, this select2 is reset to null
            //'method'                    => ‘GET’, // optional - HTTP method to use for the AJAX call (GET, POST)
        ]);


        /*
        |--------------------------------------------------------------------------
        | CrudPanel Configuration
        |--------------------------------------------------------------------------
        */

        // TODO: remove setFromDb() and manually define Fields and Columns
        //$this->crud->setFromDb();

        // add asterisk for fields that are required in ArchiveRequest
        $this->crud->setRequiredFields(StoreRequest::class, 'create');
        $this->crud->setRequiredFields(UpdateRequest::class, 'edit');
    }

Как у backpack docs. Затем я сделал папку Api в App\Http\Controller, а затем я сделал ArticleController в ней, вот так:

<?php

namespace App\Http\Controllers\Api;

use App\Http\Controllers\Controller;
use App\Models\Article;
use Illuminate\Http\Request;

class ArticleController extends Controller
{
    public function index(Request $request)
    {
        $search_term = $request->input('q');
        $form = collect($request->input('form'))->pluck('value', 'name');

        $options = Article::query();

        // if no category has been selected, show no options
        if (! $form['category']) {
            return [];
        }

        // if a category has been selected, only show articles in that category
        if ($form['category']) {
            $options = $options->where('category_id', $form['category']);
        }

        if ($search_term) {
            $results = $options->where('title', 'LIKE', '%'.$search_term.'%')->paginate(10);
        } else {
            $results = $options->paginate(10);
        }

        return $options->paginate(10);
    }

    public function show($id)
    {
        return Article::find($id);
    }
}

Я просто скопировал код из docs, но, конечно, я изменил модель для моя потребность. И, наконец, мой routes:

Route::get('api/article', 'App\Http\Controllers\Api\ArticleController@index');
Route::get('api/article/{id}', 'App\Http\Controllers\Api\ArticleController@show');

Я копирую и вставляю эти маршруты в свою web.php в routes папку и в custom.php в routes/backpack папку.

Но когда я выбираю категорию в моем показе Archive create нет articles. Может ли кто-нибудь помочь мне с этим?

enter image description here

Ответы [ 2 ]

0 голосов
/ 12 июля 2020

Из рюкзака 4.1 вы должны включить атрибут 'include_all_form_fields' => true в зависимое поле.

0 голосов
/ 19 июня 2020

у вас есть проблема в вашем коде, я надеюсь, что это решит их:

1- в ArchiveCrudController: убедитесь, что зависимости с category_id не категории ...

'dependencies'         => ['category_id'], 

 $this->crud->addField([ // select2_from_ajax: 1-n relationship
            'label'                => "Article", 
            'type'                 => 'select2_from_ajax',
            'name'                 => 'article_id',
            'entity'               => 'article',
            'attribute'            => 'title', 
            'data_source'          => url('api/article'), 
            'placeholder'          => 'Select an article',
            'minimum_input_length' => 0, querying results
            'dependencies'         => ['category_id'], 
            //'method'                    => ‘GET’,
        ]);

2 - в модели архива $ fillable должно принимать имена столбцов db, а не отношения ...

 protected $fillable = ['title', 'category_id', 'article_id'];

3- также, когда вы получаете параметр запроса $ form, он идет с именем category_id, как вы называете его в Crud not (category )

public function index(Request $request)
    {
        $search_term = $request->input('q');
        $form = collect($request->input('form'))->pluck('value', 'name');

        $options = Article::query();

        // if no category has been selected, show no options
        if (! $form['category_id']) {
            return [];
        }

        // if a category has been selected, only show articles in that category
        if ($form['category_id']) {
            $options = $options->where('category_id', $form['category_id']);
        }

        if ($search_term) {
            $results = $options->where('title', 'LIKE', '%'.$search_term.'%')->paginate(10);
        } else {
            $results = $options->paginate(10);
        }

        return $options->paginate(10);
    }
...