XF 2.3 Extend lazy loaded javascript

[XFA]

Hi,

Now that some part of the javascript is lazy loaded, what would be the best way to extend javascript element handler that are lazy loaded ?

I used to extend the Disabler element but I didn't find the right solution yet.

Any insight would be appreciated.

Thanks,
Clément

 

[XFA]

Not sure it's the best way, but I managed to achieve what I wanted by including my js file like that:

<xf:js>
XF.on(document, 'xf:page-load-complete', (e) => {
        XF.LazyHandlerLoader.register('my-js-file', 'my-disabler');
    });
</xf:js>

 

[Jeremy P]

Yeah that should be fine, though I don't think it needs to be wrapped in the event handler since inline JS is already auto-wrapped in a DOMContentLoaded handler. If the my-disabler handler is used sparingly/predictably, I'd recommend just using loading the base handler and the extension via <xf:js> instead.

 

[XFA]

I tried without and as the form.js file is loaded later on, the disabler was not yet loaded if not done like that as my js file was loaded beforehand.

 

[Jeremy P]

You would need to require both of them in <xf:js> tags, in which case they should be loaded in order:

<xf:js src="xf/form.js" min="1" />
<xf:js addon="My/AddOn" src="my/addon/my-js-file.js" min="1" />

 

[XFA]

Oh right so I would need to explicitely include the form.js beforehand and not let xf lazy load it.

Gotcha, thank you !