Tidak bisa dimungkiri, kita harus menyisipkan skrip atau css tertentu pada sebuah view seiring dengan semakin kompleksnya aplikasi yang kita buat. Berikut adalah contoh menggunakannya pada sebuah view:

 Menyisipkan isi sebuah Javascript ke dalam halaman web kita

$jsView = file_get_contents(Yii::getAlias('@webroot/js/jquery.bootstrap.wizard.js'));
$this->registerJs($script, $this::POS_END);

Menyisipkan baris script eksternal dalam halaman web kita

$this->registerJsFile(Yii::$app->request->baseUrl.'/js/jquery.bootstrap.wizard.js', ['position'=>$this::POS_END,'depends' => [\yii\web\JqueryAsset::className()]]);

Menyisipkan baris css eksternal dalam halaman web kita

$this->registerCssFile(Yii::$app->request->baseUrl.'/css/prettify.css', ['position'=>$this::POS_BEGIN]);

Menampilkan beberapa baris skrip Javascript pada halaman web kita

$script = <<< JS
$(document).ready(function() {
	$('#rootwizard').bootstrapWizard({onTabShow: function(tab, navigation, index) {
		var \$total = navigation.find('li').length;
		var \$current = index+1;
		var \$percent = (\$current/\$total) * 100;
		$('#rootwizard').find('.bar').css({width:\$percent+'%'});
	}});
});
JS;
$this->registerJs($script, $this::POS_END);
Advertisements