通常の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

あなたのビューページの下。 –

はい私は既にそれを持っていますが、私の質問は検索でこのコードが必要ですが、このjsはtd ..です。どうすれば検索フィールドを使用できますか？ –

は、次のコードを追加してみてください。私はあなたがで、 `ます$ this-> registerJs（ 'ここにあなたのjsのコード'、[ '位置' => \ののYii \ウェブ\表示:: POS_HEAD]）`内側にあなたのjsのコードを追加すべきだと思う

<?php 

$script = <<< JS 

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

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

?>

出典

2016-11-17 06:49:27 OnlyNoiseOnWires

ありがとう、しかし私が必要とするのは、私のsearchfieldでの検索中に、私は英語で検索し、その英語に類似したヒンディー語も検索する必要があります。たとえば、私はHELLOという単語を検索しています。また、HINDのHELLOという単語も表示する必要があります。 –

通常のjsのコードをyii2フレームワークにどのように使用するのですか？

答えて

関連する問題