elixir - 从根模板phoenix 发送输入值

Question

我的文件中有这个表格，root.html.leex我想处理这个事件，但我不知道我必须在哪里处理它！

<form phx-submit="topic-search" >
  <input type="text"
         name="req"
         placeholder="Search Topics, Posts,..."
         class="form-control"
         style="margin-top: 20px"/>
  <button type="submit"> </button>
</form>

Answer 1

在任何地方都没有提到这样做的正确方法，我要建议的只是实现您想要的解决方法。

在您的应用程序中创建一个简单的模块

defmodule RootFormHelper do

  def handle_event("topic-search", params, socket) do
    // your code here
  end

end

创建此模块后，只需use RootFormHelper, :handle_event在所有已root.html.leex设置为布局的实时视图中使用它即可。

您的表单将开始工作。

Answer 2

您的 LiveView 代码中需要一个handle_event函数。关于 LV 中的表格的参考资料，您可以参考这里。