odoo 10のボタンクリックイベントのJavaスクリプトハンドラを追加する方法は？

Question

私は、Javaスクリプトを使用してヘッダのボタンのハンドラを作りたいと思います。私のビューモデルは以下の通りです：

 <template id="assets_backend" name="petstore" 
     inherit_id="web.assets_backend"> 
     <xpath expr="." position="inside"> 

    <script type="text/javascript" 
     src="/mypetstore/static/src/js/model_access.js"> 
    </script> 

    <link href="/mypetstore/static/src/css/petstore.css" 
     rel="stylesheet"> 
    </link> 
     </xpath> 
    </template> 



    <record model="ir.ui.view" id="my_pet_store_form"> 
     <field name="name">my_pet_store_form</field> 
     <field name="model">petstore.message</field> 
     <field name="type">form</field> 
     <field name="arch" type="xml"> 
     <header> 
     <button name="click_me" string="Click" 
       class="oe_highlight"/> 
     </header> 
      <form string="Message of the day"> 

       <group col="2"> 
        <group> 
         <field name="data"/> 
        </group> 
       </group> 
      </form> 
      </field> 
     </record> 

ユーザーが「click_me」ボタンをクリックすると、単純なjavascript関数またはアクションクライアントが呼び出されます。アラートを印刷するだけです。 JS部： odoo.define（ 'mypetstore.model_access'、関数（必要）{ "は厳密を使用"; VARクラス=（ 'web.Class'）を必要とする; VARウィジェットは=必要とする（ 'web.Widget' ）; VARコア=（ 'web.core'）を必要とします。 のvarのutils =が（ 'web.utils'）が必要です。

jq('#click_me').bind('click', function(){ 
     alert("hello"); 
     }); 
    }); 

Answer 1

これはあなたのボタンがすべきどのように見えるかで、ちょうどonclickシューッという音がある追加のごハンドラ。

  <header> 
      <button onclick="myFunction()" name="click_me" string="Click" 
       class="oe_highlight"/> 
     </header> 

myFunction()はあなたのJavaScriptコードになります。

今のアラートコードは、これを次のようになります。

<script type = "text/ javascript"> 
    function myFunction() { 
    alert("Hello! I am an alert box!!"); 
    } 
</script> 

はそれが役に立てば幸い。

Answer 2

まず、オブジェクトにID属性を与えることをお勧めします。それは "JavaScriptの" ではなく、 "Javaスクリプト" だ

jq('#click_me').bind('click', function(){ 
    alert("hello"); 
});