如何在Yii框架中使用jQuery。

Question

如何在yii中使用jquery / javascript？

如何在yii中使用我的腳本？

為什么這與以任何其他方式使用jQuery有什么不同？

Answer 1

使用Yii的registerScript加載我們的jQuery，如果通常使用的話如下所示：

$(document).ready(function(){
    alert('hello');
    // Enter code here
});

現在如果我們像這樣使用Yii的腳本 ：

<?php
    Yii::app()->clientScript->registerScript('helloscript',"
        alert('hello');
    ",CClientScript::POS_READY);
?>

您將看到需要將3個內容傳遞給Yii :: app（） - > clientScript-> registerScript函數，首先是腳本名稱，這並不重要; 它必須與同一頁面上的任何其他腳本名稱唯一。 鏈接

Answer 2

如何在yii中使用jquery？

如上所述，您可以注冊新的腳本塊，也可以注冊新的外部腳本文件。 您還可以在插件中注冊資源，這些資產將占用整個JS文件夾並將它們組合到您的應用程序中。

所以有很多方法可以在Yii中使用JQuery。

如何在yii中使用我的jquery

JQuery預先捆綁並使用JQuery激活，JQuery庫本身被認為是核心腳本，因此沒有必要將自己的JQuery放入其中。

您可以通過以下方式覆蓋內置的JQuery：

$cs = Yii::app()->clientScript;
$cs->scriptMap = array(
'jquery.js' => Yii::app()->request->baseUrl.'/js/jquery.js',
'jquery.yii.js' => Yii::app()->request->baseUrl.'/js/jquery.min.js',
);
$cs->registerCoreScript('jquery');
$cs->registerCoreScript('jquery.ui');

在布局，動作或視圖中的某個地方。 我更喜歡把它放在布局中並親自管理我自己的JQuery版本。

為什么這與以任何其他方式使用jQuery有什么不同？

主要是由於框架及其組件的標准化和互操作性。 與JQuery UI小部件和JQuery元素預先捆綁在內置的鈎子使得框架更容易構建可重用和干凈的JS對象，以便在您的應用程序中使用。

我也喜歡JQuery，所以在我看來它預先捆綁是有道理的。 然而，這不是對JQuery作為唯一的JS庫/框架的呼吁，你應該在選擇之前考慮哪個最適合你。

Answer 3

這是我剛剛在我的應用開發中使用的示例腳本：

<?php
$js = "
$('body')
  .on('click', '#cancelCreateInductionTemplate, #closeDialogBox', function (e) {
    // Close #openDialog
    e.preventDefault();
    $('#openDialog').dialog('close');
  });
";
Yii::app()->clientScript->registerScript('cancelCreateInductionTemplate', $js, CClientScript::POS_READY);
?>