I have configured Socket In NodeJS project, creating a post and get data real time is working fine.
Initially on page load i am showing all post.
Now i want to filter post using team id from multiple select box. I am calling Server Action and setting the value of multiple select into session and then refreshing socket.
this doesn’t work until i refresh the page once.
If i do normal refresh of the page then filter starting working.
Could you please explain the flow of how the filtering works. I see that you set a session with the ids in the ChangeTeam action and there is a refresh at the end. So getClipboards action probably should return the filtered list depending on the session variable that was set. Am I correct with this?
This is the html… clipboard is supposed to filter when i select single or multiple items from select box on top right.
It doesnt work without refresh… once i refresh the page, it will work all time… untill i restart node js server again.
The files look fine, are all the include files up-to-date? You can check in devtools if there is a websocket connection, click on the websocket connect and you can then check the messages that are send over it.
We created a fresh project yesterday… files should be all fine I think.
In the dev tool websocket, we can see the response from WS, which contains the data as if the conditional-where clause did not run - which means session is not set. So it always returns everything.
(The session value is changed on changing any item on the right multi-select.)
But, on refresh it starts working as expected.
Is there no incoming message after you change the select, the ChangeTeam action should send a message over websockets when it calls the refresh step and then the client-side component listening to it should request an update and get the new data from the getClipboards action.
Tried it multiple times and had it once that it didn’t work until I refreshed the page, but in almost all cases it worked directly.
Add the following to your html, the socket component is not yet added to Wappler, but adding it using code should work. The code below will show if the socket is connected.
