sergmoro1/yii2-modal-crud

Add and update models in a modal window.

Yii2 module for editing models table in a modal window

Installation

The preferred way to install this extension is through composer., _(*1)

Either run, _(*2)

composer require --prefer-dist sergmoro1/yii2-modal-crud, _(*3)

or add, _(*4)

"sergmoro1/yii2-modal-crud": "^1.0", _(*5)

to the require section of your composer.json., _(*6)

Usage

For example, there is a model Property with two fields: id, name., _(*7)

Controller

namespace backend\controllers;

use sergmoro1\modal\controllers\ModalController;

use common\models\Property;
use common\models\PropertySearch;

class PropertyController extends ModalController
{
    public function newModel() { return new Property(); }
    public function newSearch() { return new PropertySearch(); }
}

View

Only matters index.php. Other are ordinary., _(*8)

registerJs('var popUp = {"id": "property", "actions": ["update"]};', yii\web\View::POS_HEAD);
sergmoro1\modal\assets\PopUpAsset::register($this);

$this->title = Yii::t('app', 'Properties');

echo Modal::widget([
    'id' => 'property-win',
    'toggleButton' => false,
    'header' => $this->title,
    'footer' => 
        'Cancel'. 
        'Save',
]);
?>




    // create action
    

        = Html::a('glyphicon glyphicon-plus', ['create'], [
            'id' => 'property-add',
            'data-toggle' => 'modal',
            'data-target' => '#property-win',
            'class' => 'btn btn-success',
        ]) ?>
    , (*9)
    

        = GridView::widget([
            'dataProvider' => $dataProvider,
            'filterModel' => $searchModel,
            'columns' => [
                'id'
                'name',
                // update, delete actions
                [
                    'class' => 'yii\grid\ActionColumn',
                    'template' => '{update} {delete}',
                    'buttons' => [
                        'update' => function ($url, $model) {
                            return Html::a(
                                '', 
                                $url, [
                                    'class' => 'update',
                                    'data-toggle' => 'modal',
                                    'data-target' => '#property-win',
                                ]
                            );
                        },
                    ],
                ],
            ],
        ]); ?>
    

The entire code can be found at sergmoro1/yii2-lookup., _(*10)