Como incluir codigo JavaScript

Para incluir código JavaScript o JQuery en tus vistas
Existen varias formas pero la que más me agrada es la siguientes:


Ejemplo simple utilizando JavaScript




 $js = <<<JS

console.log();

 JS;

 $this->registerJs($js);



Imagen en consola del browser

Ejemplo utilizando JQuery

$js = <<<JS
    $(document).ready(function() { 

         $('a[data-toggle=\"tab\"]').on('show.bs.tab', function (e) {
            localStorage.setItem('lastTab', $(this).attr('href'));
        });
        
        var lastTab = localStorage.getItem('lastTab');
        
        if (lastTab) {
           $('[href=\"' + lastTab + '\"]').tab('show');
        }
    }); 

 JS;

 $this->registerJs($js);

Actualizado: Junio 2023
Ubicación: México

Comentarios

Publicar un comentario

Aprende Yii2


Lo más Visto

Ejemplos de Gráficas con Highcharts

Imagen
Ejemplos de Gráficas con Highcharts Ejemplos de gráficas utilizando la exención de Yii2 Highcharts. Un día en búsqueda de documentación para gráficas no encontré ningún sitio dónde encontrar ejemplos de cómo utilizar gráficas que si bien en la página de la documentación está para JS pero no para código Yii2. Por esta razón les dejaré éste tutorial donde explica el uso de algunas gráfica. Antes de poder utilizar éste componente debe de asegurarse de tener instalado el componente.  Instalación de componente  Highcharts La opción para instalarlo via composer es la siguiente. php composer.phar require --prefer-dist miloschuman/yii2-highcharts-widget "*" o si lo prefieres modificando el "composer.json" agregando ésta línea "miloschuman/yii2-highcharts-widget": "*" Una vez que está instalado y para verificar que esté funcionando puedes agregar la siguiente línea en la vista.  use miloschuman...
Leer más

Crear fomulario HTML con checkbox sin Active Record

Imagen
Como crear formulario HTML con checkbox list sin Active Record Hay muy pocos manuales de cómo hacer esto en español, así que me di a la tarea de decirte cómo crear un formulario HTML y poner dentro un checkboxlist. Antes que nada deberás saber que existen 2 tipos de formularios en Yii2, con active record y los HTML, la diferencia es que con active record necesitas un modelo y solo se puede usar así, y el formulario HTML no necesita de un modelo. Para utilizar esta libreria necesitas incluir la siguiente linea en tu vista. use yii\helpers\Html;  use yii\helpers\Html; A continuación un ejemplo de cómo hacer un checkbox list utilizando un formulario HTML. $item["preguntas"] = [ ['id' => 1 ,  'nombre' =>'Opcion 1'  ], ['id' => 2 ,  'nombre' =>'Opcion 2'  ] ] echo Html::beginForm([     'formulario/generate-pdf/',      'evento_usuario_id' => $eventoUsuarioId],      ...
Leer más

Cómo incluir una vista dentro de un modal

Imagen
 Cómo incluir una vista dentro de un modal En este artículo aprenderás a incluir una vista dentro de un modal de manera simple. Un modal es una ventana emergente que se genera siempre cuando se ejecuta una vista, dentro del modal puedes incluis otra vista, debes considerar que esta vista siempre se ejecutara y que esto puede volver más lenta tu vista ya que utilizando el modal sólo estas ocultando una parte del código html, tambien considera que esta vista no se borra al cerrar el modal.  Creando el modal de manera simple Para comenzar debe de incluir lo siguiente en la vista donde lo desee utilizar para incluir la librería correspondiente.      use yii\bootstrap\Modal; Para agregar el modal puede agregar el siguiente código dentro de la misma vista.       Modal::begin([           'header' => '<h2>Hello world</h2>',           'toggleButton' => ['label...
Leer más

Ejemplo de select 2 de kartik con múltiple opción sin modelo

Imagen
Ejemplo de select 2 de kartik con múltiple opción sin modelo   En este ejemplo aprenderás cómo crear un select 2 de kartik con opción múltiple opción sin utilizar un modelo. En la parte del controller o la vista deberás de cargar la lista de las opciónes de la siguiente manera:    $productos = ArrayHelper::map( Producto::find()->all(), 'id', 'nombre' );      En el parámetro "data" se pasa como arreglo la lista en forma de arreglo que queremos que aparezca. En el parámetro "value" se pasan un arreglo con los ID de los datos que deseamos que se seleccionen por default. En parámetro "'multiple' => true" es el que permite que el select2 se convierta en un múltiple select.        <?php        echo '<label class="control-label">Productos</label>';        echo Select2::widget([          'name' => 'producto',          'valu...
Leer más

Tutorial de implementación de calendario de rango de fechas con Karkit en gridView

Imagen
Tutorial de implementación de calendario de rango de fechas con Karkit en gridView. Artículo actualizado: 12 de Marzo de 2024 Este tutorial muestra un ejemplo de cómo implementar el calendario de karkit de rango de fechas dentro de un filtro de un gridView. Nota importante: Esta es una adaptación no oficial del uso del calendario dentro de un gridview, ya que en la documentación oficial Que para los que van comenzando con Yii2 podría resultar un poco tardado y no encontré un tutorial que lo explicara de forma clara. Asi pues les dejo este tutorial esperando que les sea de utilidad. PASO # 1 .- Agregar la columna para el calendario del gridview. Se debe de agregar dentro de la vista la columna donde irá el filtro, recordar que se tiene que agregar previamente el componente de karkit dentro de la vista. Deberá tener instalada el siguiente plugin use kartik\daterange\DateRangePicker; [               ...
Leer más

hostinger

ventana bienvenida