jueves, 22 de septiembre de 2016

Agregar un Modal en yii2

En la vista

// Se agregan las listas

use yii\bootstrap\Modal;
use yii\helpers\Url;



 //se agrega el button
    <p>
        <?= Html::button('Agregar Entrada', ['value'=>Url::to('index.php?r=inventario/entrada-inv/create'),'class' => 'btn btn-success','id'=>'modalButton']) ?>
    </p>

// Se agrega el modal

<?php
      Modal::begin([
        'header'=>'<h4>Form</h4',
        'id'=>'modal',
        'size'=>'modal-lg',
        ]);

      echo "<div id='modalContent'></div>";

      Modal::end();


    ?>


EN EL CONTROLLER

if ($model->load(Yii::$app->request->post()) && $model->save()) {
            return $this->redirect(['index', 'id' => $model->id]);
        } else {
            return $this->renderAjax('create', [
                'model' => $model,
            ]);
        }

En el appAssets

  public $js = [
        'js/AdminLTE/app.js',
        //'//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js',
        'js/plugins/slimScroll/jquery.slimscroll.min.js',
        'js/bootstrap-multiselect.js',
        'js/custom-delete-confirm.js',
        'js/bootbox.js',
        'js/bootstrap.file-input.js',
        'js/bootstrapx-clickover.js',
        'js/main.js',
    ];

en el main.js

$(function(){
$('#modalButton').click(function(){
$('#modal').modal('show')
.find('#modalContent')
.load($(this).attr('value'));
});
});




2 comentarios: