Pagination without safari component

[AstaDK]

I using sajari for my demo app.

1. I have 1 list and I want to show more items, I don't want to use the sajari component but I can't query after I change variables page.

2. I using useSearchContext to get page and results, I cover my component with component search provider, code example bellow:
   <SearchProvider key="{index}" searchOnLoad={false} initialResponse="" search={{ pipeline: new Pipeline( { ...getConfigPipeline("") }, "query" ), variables: new Variables({ q: "", filter: "", resultsPerPage: 6, }), }} > <MyComponent/> </SearchProvider>

3. Render result
   const { setQuery } = useQuery(); const { variables } = useVariables(); const { results, searching, totalResults, page, pageCount, } = useSearchContext();

4. And then I use variables hook(useVariables) to set request for other page but It not request, code example bellow:
   const OtherComponent = ({ setQuery, textSearch, variables }) => { const handleShowMore = () => { variables.set({ page: page + 1, }); };

So how can set pagination without component your support?

• I only try for used useSearch but not good for my case.

[zlatanpham]

Hi @AstaDK, have you tried the usePagination hook? - https://react.docs.sajari.com/hooks/usepagination

[AstaDK]

Hi @AstaDK, have you tried the usePagination hook? - https://react.docs.sajari.com/hooks/usepagination

Tks for reply, but this example using component pagination, in my case I don't want to using it.

[AstaDK]

FIY my version using
"@sajari/react-components": "1.4.8",
"@sajari/react-hooks": "1.4.1",
"@sajari/react-search-ui": "1.7.4",
"@sajari/server": "1.2.1",

[zlatanpham]

You don't have to use the Pagination component, the variables and methods from usePagination can be consumed by any piece of UI. For example:

const { page, setPage, resultsPerPage, pageCount, totalResults } = usePagination();

return (
   <div>
       <div>Current page: {page}</div>
       <div>
          <button onClick={() => {setPage(1)}}>Go to page 1</button>
          <button onClick={() => {setPage(2)}}>Go to page 2</button>          
          ....
       </div>
   </div>
)

Or maybe I misunderstood your question. Any further elaboration is very much appreciated.

[AstaDK]

Cool, That all I need.
Tks you countryman.

[AstaDK]

Sr, I just find one point and want to ask you. After I setPage the request server called. But variable searching from useSearchContext not change, It mean the result do not update. The code:
const handleShowMore = () => { setPage(page + 1) };

const { setPage } = usePagination(); const { results, searching, page, pageCount, } = [useSearchContext(); console.log("searching", searching);

The log not appear. The request server called but results not update
@zlatanpham

[zlatanpham]

@AstaDK, I see your point. The searching actually doesn't change if you set a new page number. @tuanddd can you confirm if it could be a bug?

[AstaDK]

@AstaDK, I see your point. The searching actually doesn't change if you set a new page number. @tuanddd can you confirm if it could be a bug?

Tks, I hope you can check this issue.
Im using the Sajari and somethings have some bugs but if update new version the code maybe do not work with my desire.

[zlatanpham]

The log not appear. The request server called but results not update

@AstaDK although the searching doesn't change, the results should still be updated as I can check it works on my end.

Im using the Sajari and somethings have some bugs but if update new version the code maybe do not work with my desire.

May I ask why the new versions do not work for you?

[tuanddd]

It is indeed not updating the searching variable, I'll create a PR for this.

[AstaDK]

May I ask why the new versions do not work for you?

Im not sure but I was updated latest versions for all Sajari, but the filter option do not work fine, It have some issue and after I downgrade with the version present.

[zlatanpham]

Im not sure but I was updated latest versions for all Sajari, but the filter option do not work fine, It have some issue and after I downgrade with the version present.

Sorry, I'm not quite clear what you mean 😅

[AstaDK]

No problem, Can you update for me the latest stable versions?