如何在普通的js中使用代碼進入yii2框架？

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
</head> 
<script type="text/javascript" src="http://www.google.com/jsapi"></script> 

<script type="text/javascript"> 
google.load("elements", "1", {packages: "transliteration"}); 
</script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
<script> 
function OnLoad() {     
    var options = { 
     sourceLanguage: 
     google.elements.transliteration.LanguageCode.ENGLISH, 
     destinationLanguage: 
     [google.elements.transliteration.LanguageCode.HINDI], 
     shortcutKey: 'ctrl+g', 
     transliterationEnabled: true 
    }; 

    var control = new google.elements.transliteration.TransliterationControl(options); 
    control.makeTransliteratable(["txtHindi"]); 
    var keyVal = 32; // Space key 
    $("#txtEnglish").on('keydown', function(event) { 
     if(event.keyCode === 32) { 
      var engText = $("#txtEnglish").val() + " "; 
      var engTextArray = engText.split(" "); 
      $("#txtHindi").val($("#txtHindi").val() + engTextArray[engTextArray.length-2]); 

      document.getElementById("txtHindi").focus(); 
      $("#txtHindi").trigger ({ 
       type: 'keypress', keyCode: keyVal, which: keyVal, charCode: keyVal 
      }); 
     } 
    }); 

    $("#txtHindi").bind ("keyup", function (event) { 
     setTimeout(function(){ $("#txtEnglish").val($("#txtEnglish").val() + " "); document.getElementById("txtEnglish").focus()},0); 
    }); 
} //end onLoad function 

google.setOnLoadCallback(OnLoad); 
</script> 

</head> 
    <body> 
     English Text: <input size="40" type="text" id="txtEnglish"/> <br/> 
     Hindi Text`enter code here` : <input size="40" type="text" id="txtHindi"/> 
</body> 
</html>

這是我的正常JS代碼。它確實有效。但我的問題是我想要這個代碼在yii2中運行。如何在普通的js中使用代碼進入yii2框架？

在yii2 gridview中，這是我的代碼，我需要這個JS代碼來運行，我如何在yii2上傳遞id來運行此代碼？

MY yii2代碼：

[ 
        'format' => 'raw', 
        'attribute' => 'title', 
        'value' => function($model, $key) { 
         if ($model->book->language == 1) { 
          $m = "<p class='n'>" . $model->book->title . "</p>"; 
         } else { 
          $m = $model->book->title; 
         } 
         return $m; 
        } 
       ],

來源

2016-11-16 Bibash Adhikari

我想你應該添加內'$這個 - > registerJs您的js代碼（ '你在這裏的js代碼'，[ '位置'=> \警予\網絡\查看:: POS_HEAD]）'，在查看頁面底部。 –

是的，我已經這樣做了，但我的問題是我需要這個代碼在搜索，但這個JS是在TD ..所以我如何使用它的搜索字段？ –

您認爲年底試加下面的代碼。

<?php 

$script = <<< JS 

//here you write all your javascript stuff 
alert(); 

JS; 
$this->registerJs($script); 

?>

來源

2016-11-17 06:49:27 OnlyNoiseOnWires

謝謝，但我需要的是在我的搜索字段中搜索時，我用英語單詞搜索和類似於英語的印地文字也應搜索。例如，我正在搜索「HELLO」這個詞，並且在印地文中也應該顯示「HELLO」這個詞。 –

如何在普通的js中使用代碼進入yii2框架？

回答

相關問題