[javascript] Yii Framework에 CSS, javascript 파일 포함

이 질문에 대답하고 싶었습니다.

보호 된 폴더 외부에있는 css 폴더, ajax를 많이 사용할 때 외부에 포함해야하는 CSS 및 위젯 파일, 코어의 js 및 css 파일과 같이 css 및 javascript 파일이있는 곳이 많습니다. 또한 언젠가 외부 적으로 포함해야하는 프레임 워크입니다. 그래서 그들은 이것을하는 몇 가지 방법입니다.

jquery.js, jquery.ui.js와 같은 프레임 워크의 핵심 js 파일 포함

<?php
Yii::app()->clientScript->registerCoreScript('jquery');
Yii::app()->clientScript->registerCoreScript('jquery.ui');
?>

보호 된 폴더 외부에있는 css 폴더의 파일을 포함합니다.

<?php
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl.'/css/example.css');
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl.'/css/example.js');
?>

확장 또는 위젯의 CSS 및 JS 파일을 포함합니다.

여기서 fancybox는 보호 된 폴더 아래에있는 확장입니다. 포함 된 파일의 경로는 다음과 같습니다. / protected / extensions / fancybox / assets /

<?php
// Fancybox stuff.
$assetUrl = Yii::app()->getAssetManager()->publish(Yii::getPathOfAlias('ext.fancybox.assets'));
Yii::app()->clientScript->registerScriptFile($assetUrl.'/jquery.fancybox-1.3.4.pack.js');
Yii::app()->clientScript->registerScriptFile($assetUrl.'/jquery.mousewheel-3.0.4.pack.js');
?>  

또한 핵심 프레임 워크 파일을 포함 할 수 있습니다.
예 : CListView js 파일을 포함하고 있습니다.

<?php
$baseScriptUrl=Yii::app()->getAssetManager()->publish(Yii::getPathOfAlias('zii.widgets.assets'));
Yii::app()->clientScript->registerScriptFile($baseScriptUrl.'/listview/jquery.yiilistview.js',CClientScript::POS_END);
?>

• 새로운 ajax 파일을로드 할 때마다 js 함수를 호출 할 때 충돌이 발생하기 때문에 zii 위젯 또는 확장의 js 파일을 때때로 외부 적으로 포함해야합니다.

자세한 내용 은 내 블로그 기사를 참조하십시오.

답변

'components'=>array(
    'clientScript' => array(
        'scriptMap' => array(
            'jquery.js'=>false,  //disable default implementation of jquery
            'jquery.min.js'=>false,  //desable any others default implementation
            'core.css'=>false, //disable
            'styles.css'=>false,  //disable
            'pager.css'=>false,   //disable
            'default.css'=>false,  //disable
        ),
        'packages'=>array(
            'jquery'=>array(                             // set the new jquery
                'baseUrl'=>'bootstrap/',
                'js'=>array('js/jquery-1.7.2.min.js'),
            ),
            'bootstrap'=>array(                       //set others js libraries
                'baseUrl'=>'bootstrap/',
                'js'=>array('js/bootstrap.min.js'),
                'css'=>array(                        // and css
                    'css/bootstrap.min.css',
                    'css/custom.css',
                    'css/bootstrap-responsive.min.css',
                ),
                'depends'=>array('jquery'),         // cause load jquery before load this.
            ),
        ),
    ),
),

<?php
  $cs = Yii::app()->getClientScript();
  $cs->registerScriptFile('/js/yourscript.js', CClientScript::POS_END);
  $cs->registerCssFile('/css/yourcss.css');
?>

// application components
  'components'=>array(
         // ...
        'clientScript'=>array(
            'packages'=>array(
                'jquery'=>array(
                    'baseUrl'=>'//ajax.googleapis.com/ajax/libs/jquery/1/',
                    'js'=>array('jquery.min.js'),
                )
            ),
        ),
        // ...
  ),

$baseUrl = Yii::app()->baseUrl;
$cs = Yii::app()->getClientScript();
$cs->registerScriptFile($baseUrl.'/js/yourscript.js');
$cs->registerCssFile($baseUrl.'/css/yourcss.css');

Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl.'/path/to/your/javascript/file',CClientScript::POS_END);
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl.'/path/to/css/file');

Yii::app()->clientScript->registerCoreScript('jquery');
Yii::app()->clientScript->registerCoreScript('jquery.ui');

$this->renderPartial(
    'yourviewname',
    array(
        'model' => $model,
        false,
        true
    )
);