Chat & Discussions>Discussions

HOWTO: Create sortable liveviews with load more button

/phoenix#sorting#liveview#pagination#german
ranting_rabbit

ranting_rabbit

HOWTO: Create sortable liveviews with load more button

Hi all,

I did a sample project on how to add a “Load more” button and sorting in liveview tables:

micdahl/phoenix_raise (github.com)

I also wrote a blog post for this: Phoenix LiveView: Load More Button und Sortierung - Michael Dahl. It’s in German, but if there is any interest I might translate it to english, too.

Have fun with it, I hope it’s usefull for anyone.

Contributions to Christian Alexander, whose post Efficient bidirectional infinite scroll in Phoenix LiveView - DEV Community did help me a lot to find things out.

3 comments
/phoenix#sorting#liveview#pagination#german
4 534 3

Most Liked

Morotai

Morotai

My browser just prompted me to display in English so no need for an English version for me. :slight_smile:

1
Post #2
Morotai

Morotai

Ah just read it but did not try the code. Will take it for a spin.

1
Post #4

Where Next?

View thread on forum (has 3 responses!)
phoenix
sorting
liveview
pagination
german
Home Chat & Discussions>Discussions
/phoenix#sorting#liveview#pagination#german
4 538 3
Last post

Popular in Discussions Top

matthias_toepp
Chat & Discussions>Discussions

Gleam Has A New Web Framework
I’d love to hear what people think about Wisp, the new Gleam web framework started by Gleam’s primary creator Louis Pilfold. Gleam, alon...
#static-types#gleam
44 14231 10
New
vans163
Chat & Discussions>Discussions

300k requests per second webserver in elixir! OTP21.2 - 10 cores
So useless benchmarks aside, Its possible to write a webserver that can serve 300k requests per second (perhaps more with optimizations)....
/phoenix#web
21 9883 4
New
gausby
Chat & Discussions>Discussions

Have you moved away from elixir? If so, why?
I asked this very same question on twitter and got some interesting feedback, but I thought it would be a good question to ask here as we...
#discussion#adoption
1207 39297 209
New
nburkley
Chat & Discussions>Discussions

Elixir on AWS Lambda is coming soon
AWS re:Invent is on at the moment with some interesting announcements. One new feature in particular is the Lambda Runtime API for AWS La...
#deployment#aws
75 13157 27
New
AlexMcConnell
Chat & Discussions>Discussions

Contexts - a barrier too high for newbies?
The reason that Rails is as popular as it is is because it’s very easy for relatively inexperienced developers to get a lot of work done....
/phoenix
588 19568 166
New
AstonJ
Chat & Discussions>Discussions

Discussion: Don't add a database layer to your Phoenix application
I’ve just started the Phoenix part of the utterly brilliant online course by @pragdave. On generating the Phoenix app he uses the --no-ec...
/phoenix#discussion#microservices#elixir-for-programmers-course
387 19305 82
New
rower687
Chat & Discussions>Discussions

Understanding the advantages of "let it crash" term
Hi all, I’ve been reading a lot about the “let it crash” term and how supervising processes and the whole messaging passing make an elixi...
100 12157 30
New
boundedvariable
Chat & Discussions>Discussions

Can we beat Kafka if we build it in Elixir?
I am going through the kafka architecture. All the features what the kafka is providing are already in Erlang. I would like hear your opi...
#distributed-systems
96 20660 29
New
100phlecs
Chat & Discussions>Discussions

How do you organize your components with Phoenix 1.7?
Are there any downsides, like perf issues, to putting all functional components in CoreComponents as long as you prefix it with the conte...
/phoenix#development#liveview#livecomponents
63 7736 30
New
sergio
Chat & Discussions>Discussions

What's a great modern drag and drop javascript library you recommend?
Kind of like when jquery came out, it was super necessary. Existing drag and drop libraries have a bunch of baggage to support old browse...
/phoenix#javascript
66 19579 25
New

Other popular topics Top

AstonJ
Chat & Discussions>Polls

Which Neovim configuration distro do you use/recommend? (Poll)
Posting this to see if we can make things easier for people to get into Neovim. If you use Neovim and have a favourite distro please let ...
#polls#code-editors#neovim
79 13941 31
New
jerry
Questions & Help>Questions

Ecto query using like/ilike in query
Good day to you all. I have been struggling to get a query involving like and ilike to work. Can anyone assist me on this, please? pro...
#ecto
17 16876 10
New
AngeloChecked
Chat & Discussions>Discussions

What to learn first - Rust or Elixir?
What learn first? Rust or Elixir Hi Elixir community! I’m here because i want learn a new language. I’m a junior developer and mainly i ...
#learning-elixir
54 22525 20
New
dokuzbir
Questions & Help>Questions

Visual Studio Code - how to highlight html closing tags in html.eex?
I want to highlight html closing tags when i click a html tag. That works in .html files but doesnt work for html.eex templates. How can...
/phoenix#eex#troubleshooting#code-editors
12 21005 3
New
joeerl
Questions & Help>Questions

Upgrading Elixir - how to check versions, delete, and upgrade?
Hello again - after a longish gap I’ve decided I really must dig into Elixir and see what’s been happening here - so I have a few questio...
#upgrade
63 41557 13
New
Emily
Questions & Help>Questions

How To Get Phoenix & VueJS working Together?
I have VueJS GUIs with the project generated using Webpack. I have Elixir modules that will need to be used by the VueJS GUIs. I forese...
/phoenix
93 22614 42
New
grych
News>Announcing

Drab: remote controlled frontend framework for Phoenix
Hi folks, Few months ago I have announced the proof-of-concept of the library to manipulate the browsers DOM objects directly from Elixi...
/phoenix#web-frameworks#library#frontend#javascript#drab
639 52341 488
New
marick
Questions & Help>Questions

Many-to-many associations in phoenix and ecto
I had some trouble figuring out how to make many-to-many associations work. Once I got it working, I wrote a blog post. Because I’m a nov...
/phoenix
34 21273 20
New
hariharasudhan94
Questions & Help>Questions

How to get struct from map - elixir?
Lets say I have map like this fetching from my database %{"_id" => #BSON.ObjectId<58eb1a7a9ad169198c3dXXXX>, "email" => ...
/phoenix#ecto#maps#structs
38 34876 34
New
svb
Questions & Help>Questions

Form submit on Enter keypress for textarea input type
Hi! Currently I want to submit a form by pressing the Enter key. However, since my input field is of type “textarea” this is just adds a...
/phoenix#liveview
1 13284 6
New
Back to top

Latest Phoenix Threads

Phoenix Forum ❯

Chat & Discussions>Discussions

Chat Discussions ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

Potions

Deploy Phoenix to your own VPS with PaaS ease: push-to-deploy, zero downtime, auto SSL, managed Postgres. 14-day free trial at potions.io

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Manning

Develop your skills with books, videos, and courses.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Popular Tags

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Manning

Develop your skills with books, videos, and courses.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement