Magento 1.9 – Add JS File to Module and Insert into Module Layout

filejavascriptlayoutmagento-1.9orders

I have a module which add layout to admin create order like this:

app/design/adminhtml/default/default/layout/mymodule.xml

<?xml version="1.0"?>
<layout>
    <adminhtml_sales_order_create_index>
        <reference name="before_body_end">
            <block type="mymodule/adminhtml_order" name="mymodule_admin_order_create" template="mymodule/admin_order_create.phtml"></block>
        </reference>
    </adminhtml_sales_order_create_index>
</layout>

I want to add my js file to the adminhtml_sales_order_create_index, but I don't know where to put the js file in my module directory and how to put it in the layout.

Best Answer

<?xml version="1.0"?>
<layout>
    <adminhtml_sales_order_create_index>
          <reference name="head">
            <action method="addJs">
             <script>my_extension/adminhack.js</script></action>                        
        </reference>
        <reference name="before_body_end">
            <block type="mymodule/adminhtml_order" name="mymodule_admin_order_create" template="mymodule/admin_order_create.phtml"></block>
        </reference>
    </adminhtml_sales_order_create_index>
</layout>

Please replace above code in your layout file and add JS file in js/my_extension/adminhack.js. Don't forget to clear cache.