как и где включить js и css для модулей?

Question

У меня есть модули для категории:

+modules/ 
+category/ 
    +assets/ 
     +css/ 
     +js/ 
     +images/ 
    +components/ 
    +controllers/ 
    +models/ 
    +views/ 
    -CategoryModule.php 

Что такое лучший способ включает в CSS и JSS ко всем представлениям?

Answer 1

Публикация и регистрация в CategoryModuleinit метод - это сделает доступными ваши css и js в модуле категории.
Что-то вроде этого:

public function init() { 
    $path = $this->assetManager->publish(Yii::getPathOfAlias('application.modules.category.assets')); 
    $this->clientScript->registerCssFile($path . '/css/some-css.css', 'screen, projection'); 
    $this->clientScript->registerScriptFile($path . '/js/some-js.js'); 
} 

Answer 2

создать модуль файл макета в соображениях/макет и вызвать его в конфигурационном файле модуля, как

$this->layoutPath = Yii::getPathOfAlias('application.modules.moduleName.views.layouts'); 
     $this->layout = '/layouts/layoutname'; 

зарегистрировать все JS и CSS файл как @PeterM упоминалось

Answer 3

Создайте папку «layouts» в вашей папке views. Создайте main.php в этой папке макетов.

В вашей, добавьте следующий код:

<link rel="stylesheet" href="<?php echo Yii::app()->request->baseUrl; ?>/css/style.css" type="text/css" media="screen"/> 
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/cycle.js"></script> 

Это ваш макет по умолчанию. Так что добавьте,

<?php echo $content; ?> 

Это еще один способ включения css и js во все виды.

Answer 4

Это должно помочь вам:

http://www.yiiframework.com/wiki/249/understanding-the-view-rendering-flow/

Все три секции (beginContent, контейнеровозов и endContent) подробно описаны.

Answer 5

Easy используя этот статический метод

<?php Yii::app()->clientScript->registerCssFile(Yii::getPathOfAlias('application.modules.curriculo.assets') . '/bootstrap/datepicker/css/datepicker.css'); ?> 
<?php Yii::app()->clientScript->registerScriptFile(Yii::getPathOfAlias('application.modules.curriculo.assets') . '/bootstrap/datepicker/js/bootstrap-datepicker.js'); ?>