Page_js In hook.py Doesn't Seem To Work

Frappe Framework App Development
1

I created a page called “Gang Planning” (using ERPNext v12.18.0):

image
image811×242 7.21 KB

I am trying to add javascript to the page via hooks.py like so:

hooks.js

page_js = {
    "gang-planning" : [
        "https://unpkg.com/sortablejs@1.13.0/Sortable.min.js",
        "https://unpkg.com/clusterize.js@0.18.1/clusterize.min.js",
        "https://unpkg.com/frappe-datatable@1.15.3/dist/frappe-datatable.min.js",
    ],
}

However, the javascript files do not appear on the page.

I’ve tried a number of things to make them appear, including using the local ERPNext paths (e.g. “/assets/frappe/js/lib/Sortable.min.js”).

This looks right to me. Is there something else I should be doing?

2

I also found that the js script for webform is not consistent. Some are working in the webform_js and some are not.

Try to put the script in Custom Script and see if they work.

3

Some are working in the webform_js and some are not.

Can you see any pattern in what works as opposed to what doesn’t?

I’ve read a number of posts about loading javascript, but I’d like to figure out page_js right now, which is what this post is about. I have another post about including javascript on the page itself here: Including ERPNext's Internal Datatable, On A Page

4

No pattern I can see

5

Hi

Did you find any solutions to make page_js works?

6

No I have not, although you can see a workaround in my post here.

7

I manage to attach the js file in the page

custom_app_folder/custom_app/public/js/custom.js

In the
custom_app_folder/custom_app/hooks.py

page_js = {
“dashboard-view”: “public/js/custom.js”
}

I have only test on development, but its working
Using version v13.4.0

8

That’s almost identical to what I did, as you can see from the original post. The only difference is that in my post I used an array, since I needed more than one file. Does page_js not work in v12?