Como incluir JS

Como incluir un archivo externo JS

Para incluir un archivo Javascript que está en otra ruta debes asegurarte que está físicamente en el lugar correcto, recuerda que todos los archivos públicos están dentro de la carpeta pública, para acceder a la ruta pública usar la palabra reservada "@web" seguido de la ruta a partir.


Esta linea incluye un archivo JS.



 $this->registerJsFile('@web/js/functions.js');



Incluir después de JQuery

En algunas ocasiones es posible que tu archivo JS tenga que ir declarado después la librería javascript, en ese caso es recomendable utilizar las siguientes líneas.


 $this->registerJsFile(
    '@webjs/functions.js',
    ['depends' => [\yii\web\JqueryAsset::className()]]
);


Fuentes:


Comentarios

Publicar un comentario

Aprende Yii2


Lo más Visto

Cómo instalar RBAC

Imagen
Cómo instalar RBAC En el presente tutorial se mostrará cómo instalar y poner a operar la gestión de acceso el RBAC. 1.- Introducción  Yii provee dos métodos de autorización:  RBAC p or sus siglas en inglés (Rol Based Access Control) y ACF (Access Control Filter) . 2.- Instalación y configuración Agregar la siguiente linea en el composer.json "mdmsoft/yii2-admin": "~2.0" Y ejecutamos el comando en la ruta raiz composer update Ahora tenemos que agregar la siguientes lineas, que están en negritas dentro del el archivo de configuración de la aplicación consola, que normalmente en la plantilla básica está en la ruta: "/config/console.php" y en la plantilla avanzada en "console/config/main.php". Para mayor información sobre aplicaciones de consola en Yii puedes consultar este artículo sobre aplicaciones de consola en Yii.   'components' => [         'authManager' => [        ...
Leer más

Cómo crear select sin modelo y reenvio al modificarlo

Imagen
Cómo crear select sin modelo y reenviarlo al modificarlo  En ocasiones es necesario crear un select sin modelo, para estos casos dejo este manual. Dentro del action de tu controller debes escribir lo siguiente, en primer lugar un arreglo con esa estructura ó puedes obtenerla de una base de datos.  En mi caso quiero que aparesca una lista de años, a cual uso para filtrar una gráfica. ... $selectAnios = [ 2019 => "2019" , 2020 => "2020" , 2021 => "2021" , 2022=>"2022", 2023=>"2023" ];                                           return $this->render('index', [             'searchModel' => $searchModel,             'dataProvider' => $dataProvider,             'selectAnios' => $selectAnios,         ...
Leer más

Ejemplos de Active Data Provider

Imagen
Ejemplos de Active Data Provider El Active Data Provider es una clase que hereda propiedades de la base de datos para trabajar de manera activa con los datos, este tipo de objeto es muy utilizado para trabajar con GridView , DetailView entre otros. Para utilizarlo es necesario importar la librería    use yii\data\ActiveDataProvider;      Se construye a partir de una Query, después se convierte en objeto de tipo ActiveData Query. Ejemplo:    use yii\data\ActiveDataProvider;         $query = Ticket::findOne();                          $dataProvider = new ActiveDataProvider([             'query' => $query,         ]); Referencias: https://www.yiiframework.com/doc/guide/2.0/en/output-data-providers
Leer más

Migraciones de Base de Datos en Yii

Imagen
Migración de Base de Datos Durante el curso de desarrollo y mantenimiento de una aplicación con base de datos, la estructura de dicha base de datos evoluciona tanto como el código fuente. Por ejemplo, durante el desarrollo de una aplicación, una nueva tabla podría ser necesaria; una vez que la aplicación se encuentra en producción, podría descubrirse que debería crearse un índice para mejorar el tiempo de ejecución de una consulta; y así sucesivamente.  Debido a los cambios en la estructura de la base de datos a menudo se requieren cambios en el código, Yii soporta la característica llamada migración de base de datos, la cual permite tener un seguimiento de esos cambios en término de migración de base de datos, cuyo proceso de versiones es controlado junto al del código fuente. Los siguientes pasos muestran cómo una migración puede ser utilizada por un equipo durante el desarrollo: Tim crea una nueva migración (por ej. crea una nue...
Leer más

Como incluir codigo JavaScript

Imagen
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); Ac...
Leer más

hostinger

ventana bienvenida