Storing a generated value in a phoenix form

[alsaraha]

The sequence of actions is:
1- the user clicks a button
2- some processing is done and a value is generated (through a client-side script)
?- how do I store this generated value?

Should I dispatch an event to the liveview module through the client-side script?

[mindok]

Probably need a bit more detail on the problem you are trying to solve. But yes, you can use pushEvent to send data generated through client-side Javascript back to the LiveView process on the server. In fact, there was a thread about this very thing a week ago:

Sending JavaScript CustomEvents from the liveview client to the server

I’m building my app with Phoenix Liveiew, but I want an interactive client-side LeafletJS map. Building the map as a WebComponent has been fine, and integrates well with my Phoenix templates. But I wasn’t sure how to get my CustomEvents from my web component to be sent to the server. Then I found this really helpful blog post by Chris Nelson. Chris provides a plug-in hook to help out with forwarding custom events via LiveView, but he does note: It’s worth pointing out that if LiveView adds su…

[cmo]

You might be able to add a hidden field on the form that you ask Phoenix to ignore, put your generated value in it and then it will/might get sent to the server when you submit.

You could also put it in a field with phx-value-...=..., with phx-update="ignore" on the field too.

[alsaraha]

the generated value (conditionally) needs to insert new fields to the form, so this might be in another case