Pathfield doesn't recognise the path assigned by js

Question

Dear community,

I'd like to build my own custom carousel that allows the user to not only choose the file in pathfield from rootPath,

but also upload the file from local to the given asset folder and automatically fill the pathfield with the asset path just created.

Yes now I can upload files onto asset and yes I can get the path and assign it to pathfield input.

But, pathfield cannot recognise the value assigned by js.. (I use required property to testify it)

Interestingly, I backspaced the last g and typed that g back again, the path worked.

Would like to know how to fix this, any comments or suggestions are welcome 🙂

YuSheng · Accepted Answer

Issue solved update:

In brief, the problem was about I cannot assign value to pathfield input by using js.

Yes, the value had been put into the input (by getting its AEM original class ".coral-InputGroup-input"),

but AEM doesn't recognise it (see below).

If you see the pathfield properties, there is a name property (./filePath),

and that property is actually the key to solved this.

Get back to the page, F12 and find the name in the elements.

Use js to find this element and assign value to it then it works, input is not the right target.

Kiran_Vedantam · Answer

How are you setting the value into the dialog? Is it after the upload happens and then JS gets the path and pastes it?

If yes, you also need to write JS logic to validate if the field is empty and remove the error message and submit the dailog.

Hope this helps!

Thanks,
Kiran Vedantam.

Sign up