AssetManager

El Assetmanager nos permitirá añadir archivos CSS y Javascript a la página.

Dónde colocar los archivos en su plugin

  • Coloque los archivos CSS en la carpeta Assets/CSS/ de su plugin.
  • Coloque los archivos JavaScript en la carpeta Assets/JS/ de su plugin.
  • Si los CSS o JavaScript son dependencias cargadas con NPM, entontes no es necesario moverlos de la carpeta node_modules de su plugin.

Carga automática

FacturaScripts cargará automáticamente los archivos CSS y JavaScript que se llamen igual que el controlador. Si el controlador se llama ListProducto, cargará los archivos Dinamic/Assets/CSS/ListProducto.css y Dinamic/Assets/JS/ListProducto.js automáticamente, si existen.

Cargar un CSS manualmente

Para cargar un CSS manualmente podemos llamar a la función AssetManager::addCss() o la función AssetManager::add('css').

use FacturaScripts\Dinamic\Lib\AssetManager;

AssetManager::addCss(FS_ROUTE . '/Plugins/MyPlugin/Assets/CSS/mycss.css');

// esta es una forma alternativa de añadir un css
AssetManager::add('css', FS_ROUTE . '/Plugins/MyPlugin/Assets/CSS/mycss.css');

En este caso estamos cargando el archivo mycss.css del plugin MyPlugin. Recuerde añadir el use FacturaScripts\Dinamic\Lib\AssetManager;

Cargar un JS (Javascript) manualmente

Para cargar un archivo JavaScript manualmente podemos llamar a la función AssetManager::addJs() o bien AssetManager::add('js').

AssetManager::addJs(FS_ROUTE . '/Plugins/MyPlugin/Assets/JS/myFunctions.js');

// forma alternativa
AssetManager::add('js', FS_ROUTE . '/Plugins/MyPlugin/Assets/JS/myFunctions.js');

En este caso estamos cargando el archivo myFunctions.js del plugin MyPlugin. Recuerde añadir el use FacturaScripts\Dinamic\Lib\AssetManager;

Carga con prioridad

Si necesita cargar un archivo antes que el resto, el tercer parámetro del método AssetManager::add($type, $location, $priority = 1) es la prioridad. Cuanto mayor sea la prioridad, antes se carga.

AssetManager::add('css', FS_ROUTE . '/Plugins/MyPlugin/Assets/CSS/mycss.css', 9);
Cookies
Usamos cookies en nuestro sitio web para brindarte la experiencia más relevante recordando tus preferencias y visitas repetidas. Al hacer clic en "Aceptar", aceptas el uso de TODAS las cookies necesarias.
Copyright (c) 2013-2025 FacturaScripts
0.64608s

Soporte