0

LiveView 是否会在将值添加到分配时更新 DOM,例如assign(socket, strLabel: "Push me")?或者当handle_event 返回 { .. , socket} 时?我有一个按钮,单击时从数据库中读取。我希望在读取数据库时将按钮标签更改为“正在读取...”。以下是我的尝试,但临时标签“正在阅读..”从未出现。

 def handle_event("button_click", value, socket) do

    socket1 = assign(socket, btnLabel: "Reading..")   ##temporarily change the button label

    {:ok, data} = log_list(10000, list_name)     

    socket1 = assign(socket, btnLabel: "Press me")   ## restore original button label

    {:noreply, socket1}
  end
4

1 回答 1

0

(这是来自 Elixir Liveview Slack 频道的@schrockwell 的回复。)

您需要做的是有一个分配来跟踪“读取”状态,就像一个简单的布尔值,并立即在 handle_event 中分配,然后生成一些执行数据库查找并发送回消息的进程(例如任务)查找完成时到 LiveView 进程

def handle_event("some_event", params, socket) do
   live_view = self()
   Task.start(fn ->
      result = do_the_db_lookup_here()
      send(live_view, {:db_result, result})
   end)
   {:noreply, assign(socket, busy: true)}
end

def handle_info({:db_result, result}, socket) do
  {:noreply, assign(socket, result: result, busy: false)}
end
于 2020-03-25T04:31:52.860 回答