Elixir Phoenix LiveView排序问题：状态更新时保持排序不变

问题1：更新Status后保持当前排序 #

核心思路是将用户当前的排序参数（字段、方向）存储在LiveView的本地assigns中，每次数据更新后，基于该参数重新查询列表，而非使用默认的updated_at排序。

1. 初始化排序状态：在mount方法中设置默认排序参数，后续用户切换排序时更新这些参数：

def mount(_params, _session, socket) do
  Phoenix.PubSub.subscribe(MyApp.PubSub, "testbed_updates")
  # 初始化默认排序配置
  socket = assign(socket, sort_by: :updated_at, sort_dir: :desc)
  {:ok, fetch_testbeds(socket)}
end

# 封装查询逻辑，复用排序参数
defp fetch_testbeds(socket) do
  %{sort_by: sort_by, sort_dir: sort_dir} = socket.assigns
  testbeds = Testbed |> order_by(^[{sort_dir, sort_by}]) |> Repo.all()
  assign(socket, testbeds: testbeds)
end

2. 处理排序切换事件：更新assigns中的排序参数后，调用fetch_testbeds刷新列表：

def handle_event("sort", %{"field" => field}, socket) do
  # 切换排序方向（如果点击的是当前排序字段）
  {sort_by, sort_dir} = 
    if socket.assigns.sort_by == String.to_atom(field) do
      {String.to_atom(field), if(socket.assigns.sort_dir == :asc, do: :desc, else: :asc)}
    else
      {String.to_atom(field), :asc}
    end
  {:noreply, socket |> assign(sort_by: sort_by, sort_dir: sort_dir) |> fetch_testbeds()}
end

3. 更新Status后复用排序：在create-status和reset事件中，更新数据库后直接调用fetch_testbeds，基于当前用户的排序参数重新获取列表：

def handle_event("create-status", %{"id" => id}, socket) do
  testbed = Repo.get!(Testbed, id)
  {:ok, updated_testbed} = Testbed.update_status(testbed, :available)
  # 广播状态变更（后续问题2用到）
  Phoenix.PubSub.broadcast(MyApp.PubSub, "testbed_updates", %{
    event: "status_updated",
    id: updated_testbed.id,
    status: updated_testbed.status
  })
  # 用当前排序刷新本地列表
  {:noreply, fetch_testbeds(socket)}
end

问题2：PubSub仅广播Status变更，避免排序同步 #

不要广播整个Testbed列表，而是仅广播变更的id和新status，其他用户收到后在本地列表中更新对应条目，这样不会影响各自的排序状态。

1. 广播精简事件：如上述代码所示，更新Status后仅发送包含必要信息的广播：

Phoenix.PubSub.broadcast(MyApp.PubSub, "testbed_updates", %{
  event: "status_updated",
  id: updated_testbed.id,
  status: updated_testbed.status
})

2. 本地更新条目：在handle_info中处理广播事件，直接修改本地列表中的对应Testbed状态，不重新查询整个列表：

def handle_info(%{event: "status_updated", id: id, status: status}, socket) do
  updated_testbeds = Enum.map(socket.assigns.testbeds, fn testbed ->
    if testbed.id == id, do: %{testbed | status: status}, else: testbed
  end)
  {:noreply, assign(socket, testbeds: updated_testbeds)}
end

问题3：用户排序仅本地生效 #

由于排序参数（sort_by、sort_dir）存储在每个用户的LiveView socket.assigns中，属于本地状态，不会通过PubSub广播给其他用户，因此天然满足“排序仅本地生效”的需求，无需额外处理。

内容的提问来源于stack exchange，提问作者William