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

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

Cómo evitar el reenvío de formulario

Imagen
En este tutorial vamos a ver cómo evitar el envío doble de formularios.  Aviso importante: Esta solución solo trabaja a nivel explorador, no evita el uso de herramientas de inserción de datos con herramientas automatizadas.   Esta solución puede ser implementada a nivel vista o a nivel layout. A nivel individual en la vista puedes colocar el siguiente código en el inicio de la vista.  $js = <<<JS             $(document).on("beforeValidate", "form", function(event, messages, deferreds) {         $(this).find(':submit').attr('disabled', true);          console.log('BEFORE VALIDATE TEST');     }).on("afterValidate", "form", function(event, messages, errorAttributes) {         console.log('AFTER VALIDATE TEST');         if (errorAttributes.length > 0) {             $(this).find(':submit').attr('d...
Leer más

Como instalar Yii en Windows usando App Serv

Imagen
Como instalar Yii en Windows usando AppServ El presente manual fue realizado con el objetivo de explicar paso a paso como instalar el framwork Yii2 para desarrollo en Windows 10 con una pre instalación de AppServ cualquier aportación es bienvenida. Necesitaras. Windows 10. AppServ instalado y funcionando. Una cuenta de  Paso 1. Instalación de Composer. Composer en pocas palabras es un gestor de actualizaciones que en este caso es usado por Yii2 para administrar las actualizaciones que son hechas dentro al framework y sus plugin. Puedes entrar el instalador de composer en la siguiente pagina; https://getcomposer.org/download/ Descarga el instalador he instalo como cualquier programa, obviamos aquí que ya tienes instalado y funcionando AppServ. Si se instalo correctamente entra en modo Shell o linea de comandos y ejecuta el siguiente comando. c:\composer. Mostrara una serie de mensajes de ayuda para utilizar composer, re...
Leer más

hostinger

ventana bienvenida