How to include javascript on template properties?

Hi, 

So for everyone in the future if need this I solved this way: 

Created a clientlib under the clientlibs folder.

On the content.xml I put the categories: 

categories="[coralui2,granite.ui.foundation,apps.sisal-fullresponsive.createpagewizard]"

I created the js folder and the js file. 

For the js to trigger on page properties I used

(function(window, document, Granite, $) {
    "use strict";

    $(document).on("foundation-contentloaded", function (e){ 
    // Logic to be done here
   });
})(window, document, Granite, Granite.$);

Thank you all for the replies! 

you can inject dialog javascript using extraClientlibs property in the dialog node

more info 

http://rimamittal.blogspot.com/2017/06/extraclientlibs-in-aem.html

http://aemtool.blogspot.com/2016/12/enabling-extra-clientlibs-for.html

Hi @mustafaaaga 

  If your requirement is to populate dynamic values in dropdown than you can also use Granite datasource instead if JS.

You can refer this documentation : https://aem.redquark.org/2018/10/day-18-working-with-granite-datasources.html

In this example they have used wcmPojo for creating datasource but you can use SlingModels also.

Thanks

Dipti Chauhan

@mustafaaaga You can create a clientlibrary under your page component and use that js in the page component script to implement your logic.