To have your client library loaded solely for your component dialog (i.e. it will not be loaded for another component) you need to set the property extraClientLibs of your dialog to the category name of the client library you have just created. This is advisable if your client library is quite big and/or your field is specific to that dialog and will not be needed in other dialogs.
To have your client library loaded for all dialogs, set the category property of your client library tocq.authoring.dialog. This is the category name of the client library that is included by default when rendering all dialogs. You want to do that if you client library is small and/or your field is generic and could be reused in other dialogs.
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Now, property extraClientLibs is not correct. it works with small case for letter L
extraClientLibs --> extraClientlibs
and extraClientlibs functionality is also not working. I have a component and in cq:dialog, i have added extraClientlibs property with value of clientlibs category. but it is working for all the dialogs. I want to execute below code on one dialog but it is executing on all dialogs of page.
(function ($, $document) { "use strict"; $document.on("dialog-ready", function() { alert("IN Home Dialog"); }); })($, $(document));
Please suggest if i am doing this wrong or i am missing something or any appropriate alternative loading js according to particular dialog.