Hi all! So, in my component I pass a show_driver_avail_info? prop like so: prop show_driver_avail_info?, :boolean And I have this button: <button type="button" class="rev-Button rev-Button--secondary rev-Button--tiny" phx-click="show_driver_availability_info">See Driver Availability Info</butto…

Going by the error you’re receiving, it could either by a typo in your handle_event/3 function name (name mismatch between your .leex and .ex files). Another possibility, might be that you are not defining your handle_event/3 function in the correct file. For instance, is it defined in your index.e…

Try adding the phx-target to your button: <button type="button" class="rev-Button rev-Button--secondary rev-Button--tiny" phx-click="show_driver_availability_info" phx-target={{ @myself }} >See Driver Availability Info</button> But, since this looks like a Surface component, you could …

hmmm I tried both of these and it’s still giving the same error: [error] GenServer #PID<0.1218.0> terminating ** (UndefinedFunctionError) function TSSWeb.DispatchHomeLive.handle_event/3 is undefined or private

I checked for typos and everything looks right, and the handle_event/3 function is in the file where the button click occurs so I’m not really sure why I’m still getting the [error] GenServer #PID<0.1218.0> terminating ** (UndefinedFunctionError) function TSSWeb.DispatchHomeLive.handle_event/3 is un…

The full error output should also say what arguments were passed to handle_event/3 - can you post that also?

sure thing, here it is: [error] GenServer #PID<0.1837.0> terminating ** (UndefinedFunctionError) function TSSWeb.DispatchHomeLive.handle_event/3 is undefined or private (tss 0.0.1) TSSWeb.DispatchHomeLive.handle_event("show_driver_availability_info", %{"value" => ""}, #Phoenix.LiveView.Socket<a…

Usually when this issue comes up for me, it’s because of the targeting, like @sfusato was mentioning earlier. I haven’t used Surface, but for a Live Component, adding phx-target="<%= @myself %>" seems like it should resolve the issue if your handle_event/3 is in the same file.

This is the error I’m getting after adding that target in :sweat:

Is the name of your component DispatchHomeLive? You can see in the error message that the app is looking for the handle_event there. So if that’s not the component, then the problem is with the phx-target. My guess is there is something we are not seeing because you are only posting snippets. If…

Function not being called on button click

Questions & Help Questions

Nicd May 7, 2021, 6:19pm 6

Please show your TSSWeb.DispatchHomeLive module code.