Blog de programación: YII2

Mostrando entradas con la etiqueta YII2. Mostrar todas las entradas

miércoles, 12 de julio de 2017

Crear urls amigables yii2

Como crear url amigables con Yii2

Luego de crear las CRUD de mis tablas, la url que corresponde a la acción create, me muestra de esta forma:

http://Miproyectoyii2/web/index.php?r=tbcompra%2Fcreate

Esta es la url a la que quiero llegar ( Url Amigable): urlMiapp/web/contralador/acciondelcontrolador

http://Miproyectoyii2/web/tbcompra/create

Paso 1 : Abrir el archivo web.php que se encuentra dentro de tu proyecto en la carpeta config, para incluir estos códigos

'components' => [
 
   'urlManager' => [
        'class' => 'yii\web\UrlManager',  //clase UrlManager
       'showScriptName' => false,         //eliminar index.php
       'enablePrettyUrl' => true,         //urls amigables
       'showScriptName' => false,         //eliminar index.php
       'enablePrettyUrl' => true          //urls amigables
       ],
],

Paso 2 : Crear el archivo .htaccess dentro de carpeta web del proyecto.
Este es el contenido que tendra nuestro archivo .htaccess.

Options +FollowSymLinks
 
IndexIgnore */*
RewriteEngine on
 
# If a directory or a file exists, use the request directly
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
 
# Otherwise forward the request to index.php
RewriteRule . index.php

Con estos sencillos cambios ya esta en condiciones de ejecutar la ruta amigable en tu proyecto yii2.

sábado, 27 de agosto de 2016

yii2 - Modificando el GridView

Modificaciones a realizar a al Widget Gridview:

Modificar el titulo
Modificar ancho de columnas
Columna con valor numérico asignar separadores de miles

Utilizó el generador de código de Yii2, para generar el Modelo y la CRUD de mi tabla factcomptarj.

GridView dentro del archivo de mi vista index.php, dentro de la carpeta factcomptarj.

ubicación : views/factcomptarj/index.php

Se encuentran señalados las actividades a realizar.

Viendo el código generado.

Primer cambio:

// encontrar el titulo 

$this->title = 'Factcomptarjs';


// modificamos por el nuevo titulo

$this->title = 'Tarjeta CR';

Segundo cambio:

// dentro del GridView, ubicar la columna id, y modificar por esta instrucción

[ 'attribute' =>'id',  'contentOptions'=>['style'=>'width:80px;'] ],

Tercer cambio:

// dentro del GridView, ubicar la columna importe, y modificar por esta instrucción.

[
 'attribute'=> 'importe',

 'format' => 'integer',

 'contentOptions'=>['style'=>'text-align:center;']

],

Código con lo cambios realizados.

Este es el resultado de los cambio aplicados

Espero que haya sido de utilidad, para los principiantes del Framework Yii2.

domingo, 17 de julio de 2016

Yii2 Formulario Modal via Ajax (create/update/view)

Paso 1) En el archivo index.php de la vista

Views/cliente/index.php

<?php
use yii\bootstrap\Modal;
use yii\helpers\Url;
?>

 <h1><?= Html::encode($this->title) ?></h1>
<?php // echo $this->render('_search', ['model' => $searchModel]); ?>
      
     // comenta este link
     <?= // Html::a('Create cliente', ['create'], ['class' => 'btn btn-success']) ?>
       
     // Agregar este boton  
     <?= Html::button('Create cliente', 
        ['value'=>Url::to(['cliente/create']),
                        'class' => 'btn btn-success','id'=>'modalButton']) ?>
    
    


//  Antes del GridView agregar esta declaracion modal

<?php
  Modal::begin([
     'header' =>'<h4>Ficha</h4>',
     'id'     =>'modal',
     'size'   =>'modal-lg',
     'clientOptions' => ['backdrop' => 'static', 'keyboard' => FALSE]
     ]);
  echo "<div id="modalContent"> </div>";
  Modal::end();
?>

<?php

GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],
   
 ...

// ['class' => 'yii\grid\ActionColumn'],  

  // personalizamos la acciones del GridView
  [
   'class' => 'yii\grid\ActionColumn',
   'contentOptions' => ['style' => 'width: 8.7%'],
             //'visible'=> Yii::$app->user->isGuest ? false : true,
             'buttons'=>[
                      'view'=>function ($url, $model) {
                          return Html::button('<span class="glyphicon glyphicon-eye-open"></span>', 
                                       ['value'=>Url::to(['cliente/view', 'id'=>$model->id]), 
                                        'class' => 'btn btn-default btn-xs custom_button'
                                       ]);
                      },
                      'update'=>function ($url, $model) {
                          return Html::button('<span class="glyphicon glyphicon-pencil"></span>', 
                                       ['value'=>Url::to(['cliente/update', 'id'=>$model->id]),
                                        'class' => 'btn btn-default btn-xs custom_button'
                                        ]);
                      },
                  ],
            ],  // fin ActionColumn

       ],
    ]);
    ?>

Paso 2) assets/AppAsset.php

1
2
3

  public $js = [
     'js/formmodal.js',
   ];

Paso 3) web\js\formmodal.js

$(function(){
 
 //alert("jquery");
 
    $('#modalButton').click(function(){
       $('#modal').modal('show')
                  .find('#modalContent')
                  .load($(this).attr('value'));
        document.getElementById('modalHeader').innerHTML = '<h4>' + $(this).attr('title') + '</h4>';
    });


    $('.custom_button').click(function(){
        $('#modal').modal('show')
                   .find('#modalContent')
                   .load($(this).attr('value'));
         //dynamiclly set the header for the modal
          document.getElementById('modalHeader').innerHTML = '<h4>' + $(this).attr('title') + '</h4>';

    });


});

Paso 4) En el Controlador ClienteController.php

<?php

public function actionView($id)
    {
        // remplazar render por renderAjax
        return $this->renderAjax('view', [
            'model' => $this->findModel($id),
        ]);
    }
public function actionCreate()
    {
        $model = new Cliente();

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

 public function actionUpdate($id)
    {
        $model = $this->findModel($id);

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

?>

CREATE

UPDATE

VIEW

Fuente de ayuda www.yiiframework.com

Blog de programación