vue-multiselect issue on edit

[vue-fan]

Hi,
how to set selected the option when i'm editing?
i follow all the example from 'articles-with-relationship'
but i dont know why the multiselect doesn't set the value.

[mediaboost]

same problem ...

[mediaboost]

Ok you have to pass the object selected by from controller

example

$category_selected = $realisation->categorie;

[elshobokshy]

@mediaboost how to set it ? :value='value' doesn't seem to work

[mediaboost]

example :

add categorie prop in Form.js

in form-element-right.blade.php see v-model

pass the value from controller
$categorie = $realisation->categorie;

done :)

[mediaboost]

v-model="form.categorie"

[elshobokshy]

@mediaboost thanks for the quick answer!

I'm passing roles_id which gives me back 1

return view('admin.admin-user.edit', [
        'adminUser' => $adminUser,
        'activation' => Config::get('admin-auth.activation_enabled'),
        'roles' => Role::get(),
        'roles_id' => $adminUser->roles->pluck('id')->toArray()[0]
]);

And I got this in my form :

<multiselect 
    v-model="roles_id" 
    placeholder="Roles" 
    label="..." 
    track-by="id" 
    :options="{{ $roles->toJson() }}" 
    open-direction="bottom" 
    deselect-label="">
</multiselect>

Knowing that {{ $roles->toJson() }} returns :

[
  {"id":1,"name":"Administrator","guard_name":"admin","created_at":"2020-02-14 11:29:23","updated_at":"2020-02-14 11:29:23"},
  {"id":2,"name":"Publisher","guard_name":"publisher","created_at":"2020-02-14 11:29:23","updated_at":"2020-02-14 11:29:23"},
  {"id":3,"name":"Member","guard_name":"member","created_at":"2020-02-14 11:29:23","updated_at":"2020-02-14 11:29:23"}
]

But it doesn't work. Any idea why?

[mediaboost]

Re ...

on va passer en français car je vois que tu l'es :)

ton roles_id de ton controller n'est pas bon si le multiselect n'est pas multiple
il faut envoyer l'objet entier de ton role_id de ta table (je présume) en faisant une relation dans ton modele de type belongs_to

donc dans ton exemple tu dois avoir
'roles' => Role::all(),
'role_id' => $adminUser->role (pas de pluck etc)

ensuite tu dois ajouter une propriété role_id dans ton form_js et pour finir ajouter dans ton v_model
form.role_id

ensuite si c'est affichage multiple ... il faut tester en envoyant $adminUser->roles

[elshobokshy]

@mediaboost merci!

Voici donc le résultat final :

<multiselect v-model="form.role_id" placeholder="{{ trans('admin.forms.select_options') }}" label="name" track-by="id" :options="{{ $roles->toJson() }}" open-direction="bottom" deselect-label=""></multiselect>

avec roles qui renvoie

[{"id":1,"name":"Administrator","guard_name":"admin","created_at":"2020-02-14 11:29:23","updated_at":"2020-02-14 11:29:23"},
{"id":2,"name":"Publisher","guard_name":"publisher","created_at":"2020-02-14 11:29:23","updated_at":"2020-02-14 11:29:23"},
{"id":3,"name":"Member","guard_name":"member","created_at":"2020-02-14 11:29:23","updated_at":"2020-02-14 11:29:23"}]

et role_id qui renvoie :

[{"id":1,"name":"Administrator","guard_name":"admin","created_at":"2020-02-14 11:29:23","updated_at":"2020-02-14 11:29:23"}]

J'ai rajouté dans mon Form.js le champ. Et pourtant aucun résultat toujours ! Très frustrant ^^"

[elshobokshy]

@mediaboost ok très bizarre, avec exactement ce que tu as dis ça marche appart le champ dans v-model qui doit être égal à v-model="form.roles" pour que ça marche, et quand j'enlève role_id de mon controller ça ne marche plus. Donc en gros il faut définir role_id et quand même utiliser v-model="form.roles" ... Je ne comprend pas pourquoi ça marche mais merci lol