Search code examples
yii2many-to-manyjquery-select2

Yii2 Select2 - selected value on update - junction table (many to many)


I am successfully inserting new rows in my junction table (userlocations) on action create and I successfully update them on action update but the problem is on ation update the location_id field is always empty. It should retrieve the location_id's from userlocations table and populate the field on update but it doesnt.

Database: https://i.sstatic.net/JFjdz.png

UserController:

<?php

namespace backend\controllers;

use Yii;
use backend\models\User;
use backend\models\UserSearch;
use yii\web\Controller;
use yii\web\NotFoundHttpException;
use yii\filters\VerbFilter;
use yii\helpers\ArrayHelper;

use backend\models\Locations;
use backend\models\Userlocations;

class UserController extends Controller
{

public function behaviors()
{
    return [
        'verbs' => [
            'class' => VerbFilter::className(),
            'actions' => [
                'delete' => ['POST'],
            ],
        ],
    ];
}

/**
 * Lists all User models.
 * @return mixed
 */
public function actionIndex()
{
    $searchModel = new UserSearch();
    $dataProvider = $searchModel->search(Yii::$app->request->queryParams);

    return $this->render('index', [
        'searchModel' => $searchModel,
        'dataProvider' => $dataProvider,
    ]);
}

/**
 * Displays a single User model.
 * @param integer $id
 * @return mixed
 */
public function actionView($id)
{
    return $this->render('view', [
        'model' => $this->findModel($id),
    ]);
}

/**
 * Creates a new User model.
 * If creation is successful, the browser will be redirected to the 'view' page.
 * @return mixed
 */
public function actionCreate()
{
    $model = new User();
    $locations = ArrayHelper::map(Locations::find()->all(), 'id', 'name');
    $userlocations = new Userlocations();

    if ($model->load(Yii::$app->request->post()) ) {

        $model->setPassword($model->password);
        $model->generateAuthKey();

        $userlocations->load(Yii::$app->request->post());

        if ($model->save() && !empty($userlocations->location_id)){

            foreach ($userlocations->location_id as $location_id) {
                $userlocations = new Userlocations();
                $userlocations->setAttributes([
                    'location_id' => $location_id,
                    'user_id' => $model->id,
                ]);
                $userlocations->save();
            }
        }

        return $this->redirect(['user/index']);
    } else {
        return $this->render('create', [
            'model' => $model,
            'locations' => $locations,
            'userlocations' => $userlocations,
        ]);
    }
}

/**
 * Updates an existing User model.
 * If update is successful, the browser will be redirected to the 'view' page.
 * @param integer $id
 * @return mixed
 */
public function actionUpdate($id)
{
    $model = $this->findModel($id);
    $locations = ArrayHelper::map(Locations::find()->all(), 'id', 'name');
    $userlocations = new Userlocations();

    if ($model->load(Yii::$app->request->post()) && $model->save()) {

        Userlocations::deleteAll(['user_id' => $id]);

        $userlocations->load(Yii::$app->request->post());

        if (!empty($userlocations->location_id)){
            foreach ($userlocations->location_id as $location_id) {
                $userlocations = new Userlocations();
                $userlocations->setAttributes([
                    'location_id' => $location_id,
                    'user_id' => $model->id,
                ]);
                $userlocations->save();
            }
        }

        return $this->redirect(['user/index']);
    } else {

        return $this->render('update', [
            'model' => $model,
            'locations' => $locations,
            'userlocations' => $userlocations,
        ]);
    }
}

/**
 * Deletes an existing User model.
 * If deletion is successful, the browser will be redirected to the 'index' page.
 * @param integer $id
 * @return mixed
 */
public function actionDelete($id)
{
    $this->findModel($id)->delete();

    return $this->redirect(['index']);
}

/**
 * Finds the User model based on its primary key value.
 * If the model is not found, a 404 HTTP exception will be thrown.
 * @param integer $id
 * @return User the loaded model
 * @throws NotFoundHttpException if the model cannot be found
 */
protected function findModel($id)
{
    if (($model = User::findOne($id)) !== null) {
        return $model;
    } else {
        throw new NotFoundHttpException('The requested page does not exist.');
    }
}

}

User model:

class User extends \common\models\User
{

public $password;

/**
 * @inheritdoc
 */
public static function tableName()
{
    return 'User';
}

/**
 * @inheritdoc
 */
public function rules()
{
    return [
        [['username', 'password'], 'required'],
        [['status', 'created_at', 'updated_at'], 'integer'],
        [['username', 'password_hash', 'password_reset_token', 'email'], 'string', 'max' => 255],
        [['auth_key'], 'string', 'max' => 32],
        [['username'], 'unique', 'message' => 'Username already taken!'],
        [['email'], 'unique'],
        [['password_reset_token'], 'unique'],
    ];
}

/**
 * @inheritdoc
 */
public function attributeLabels()
{
    return [
        'id' => 'ID',
        'username' => 'Username',
        'auth_key' => 'Auth Key',
        'password_hash' => 'Password Hash',
        'password_reset_token' => 'Password Reset Token',
        'email' => 'Email',
        'status' => 'Status',
        'created_at' => 'Created At',
        'updated_at' => 'Updated At',
    ];
}

}

My form:

<?php

use yii\helpers\Html;
use yii\widgets\ActiveForm;
use yii\helpers\ArrayHelper;
use kartik\select2\Select2;

use backend\models\Locations;

?>

<div class="user-form">

<?php $form = ActiveForm::begin(); ?>

<?= $form->field($model, 'username')->textInput(['maxlength' => true]) ?>

<?= $form->field($model, 'password')->passwordInput(['maxlength' => true]) ?>

<?= $form->field($model, 'email')->textInput(['maxlength' => true]) ?>

<?= $form->field($userlocations, 'location_id')->widget(Select2::classname(), [
    'data' => ArrayHelper::map(Locations::find()->all(), 'id', 'name'),
    'size' => Select2::MEDIUM,
    'options' => ['placeholder' => 'Select a location ...', 'multiple' => true],
    'pluginOptions' => [
        'allowClear' => true,
    ],
]); ?>

<?= $form->field($model, 'status')->dropDownList(['10' => 'Active', '0' => 'Inactive']) ?>

<div class="form-group">
    <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>
</div>

<?php ActiveForm::end(); ?>


Solution

  • For multiple location select, use the plugin code as given below.

     <?= Select2::widget([
            'name' => 'Userlocations[location_id]',
            'value' => $location_ids, // initial value
            'data' => ArrayHelper::map(Locations::find()->all(), 'id', 'name'),
            'options' => ['placeholder' => 'Select your locations...', 'multiple' => true],
            'pluginOptions' => [
                'tags' => true,
                'maximumInputLength' => 10
            ],
        ]); ?>
    

    $location_ids will be the location array you have previously selected during creation time.Also remember when you are making changes for more than one table,make sure you do it in a transaction.