useSelect fetch on scroll
it's me again!)
How to use scroll pagination with select via useSelect hook? Maybe you have any example?
29 Replies
exotic-emerald•2y ago
Hi, great to see you again
you can follow this example
https://refine.dev/docs/api-reference/antd/hooks/field/useSelect/#infinite-loading-example
manual-pink•2y ago
i saw it, but in your example it doesn't work(
https://owaiyvrkbgithub-hbbq--3000.local.webcontainer.io/posts/create
it fetches data ones and thats it, but what about scrolling?)
exotic-emerald•2y ago
oh sorry, i will debug and inform you
manual-pink•2y ago
so i use this getList method in data provider
manual-pink•2y ago
and as i understand from docs, useSelect use em as default method
exotic-emerald•2y ago
yes, you are right
i check infinite loading example, in post list page, on table's category filter works as expected.
am i missing something ?
code example is here: pages/posts/list.tsx
manual-pink•2y ago
manual-pink•2y ago
this one)
exotic-emerald•2y ago
infinite scroll example only implemented on here. category section filter
manual-pink•2y ago
wow
i try to find it in create)) or edit)
exotic-emerald•2y ago
i guess we need to write this to doc, we have 4 page and only table filter has implemented code.
sorry about that.
manual-pink•2y ago
yep, that would be nice for the next similar questions)
from Refine users)
exotic-emerald•2y ago
this is the fetch on scroll related code.
src/pages/posts/list.tsx
yes you are absolutely right, thanks for the feedback ! we will handle it as soon as possible
manual-pink•2y ago
yep, found this)
exotic-emerald•2y ago
actually we have
useSelectInfiniteScroll()
feature in our backlog.
when we ship this feature, it will be much easier to use. just like a useSelect !manual-pink•2y ago
i'll try to implement this
exotic-emerald•2y ago
please let me know if anythings go wrong
manual-pink•2y ago
sounds perfect!
thanks brou, you all do great job 😄
glad to use your framework)
exotic-emerald•2y ago
thanks 🙏 we are happy to hear that
manual-pink•2y ago
another case)
try to find only one option, and after that -> delete this option from selected
and you see that initial state will not setted back
@alicanerdurmaz
exotic-emerald•2y ago
sorry @amounguluz i couldn't understand. can you give me more explanation please ?
manual-pink•2y ago
i'll record you video)
exotic-emerald•2y ago
thank you
manual-pink•2y ago
manual-pink•2y ago
maybe you have any idea how to refetch data?)
@alicanerdurmaz
exotic-emerald•2y ago
i will check as soon as possible
manual-pink•2y ago
thanks)
exotic-emerald•2y ago
oh. you want to searchText should stay. did i understand correctly ?
adverse-sapphire•2y ago
I think you can do that by passing a custom filter action in
filterOption
prop of Select
🤔
I thought antd
is going to have a custom prop for it but no, they left this to the user 😅