LiveView and list with show more button

romaluca · February 20, 2020, 2:50pm

Hi, i want use liveview for show a list (like comments) with show more button.
So i need add other elements from db to my liveview list.
Is it possible? Is there any example?

Thanks

chrismccord · February 20, 2020, 3:15pm

github.com

chrismccord/phoenix_live_view_example/blob/d6ccafc82938c83665d955afdec36b463adbfc00/lib/demo_web/live/user_live/index_manual_scroll.ex

defmodule DemoWeb.UserLive.IndexManualScroll do
  use Phoenix.LiveView

  def render(assigns) do
    ~L"""
    <table>
      <tbody phx-update="append" id="users">
        <%= for user <- @users do %>
          <tr class="user-row" id="user-<%= user.id %>">
            <td><%= user.username %></td>
            <td><%= user.email %></td>
          </tr>
        <% end %>
      </tbody>
    </table>
    <form phx-submit="load-more">
      <button phx-disable-with="loading...">more</button>
    </form>
    """
  end

This file has been truncated. show original