Search Sidebar not providing results

Hello. I am trying the Outsystems Mobile tutorial and I have made an input search box and the priority button group as described in the instructions. The only difference is that I couldn't find ToggleSidebar as an action for the input bar so I used SidebarToggle from the client actions > patterns folder. If I use the priority filter in the GetToDos aggregate no ToDos show up on the main screen, but if I delete that and just try to search based on input I get an error:

Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node. 


Hi, 


Can you share with us some prints of your code or a oml to be easier to analyse it? 


Thanks! 

Best regards, 

Ricardo Pereira 

hi, i have the same  kind of issue with the Search Sidebar, when i try to search with a string that i know that one of my taks have in the title or notes it gives the following error that i willput in the following attachment

I checked the following error client side log:

Error: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
    at Yn (https://filipe-caldeira81.outsystemscloud.com/ToDo_FC/scripts/OutSystemsReactView.js?d5wEWmvkaUR+1IPneJZvww:3:2546)
    at Cr (https://filipe-caldeira81.outsystemscloud.com/ToDo_FC/scripts/OutSystemsReactView.js?d5wEWmvkaUR+1IPneJZvww:3:19805)
    at Er (https://filipe-caldeira81.outsystemscloud.com/ToDo_FC/scripts/OutSystemsReactView.js?d5wEWmvkaUR+1IPneJZvww:3:17101)
    at Sr (https://filipe-caldeira81.outsystemscloud.com/ToDo_FC/scripts/OutSystemsReactView.js?d5wEWmvkaUR+1IPneJZvww:3:16434)
    at yr (https://filipe-caldeira81.outsystemscloud.com/ToDo_FC/scripts/OutSystemsReactView.js?d5wEWmvkaUR+1IPneJZvww:3:15481)
    at cr (https://filipe-caldeira81.outsystemscloud.com/ToDo_FC/scripts/OutSystemsReactView.js?d5wEWmvkaUR+1IPneJZvww:3:14614)
    at Object.enqueueSetState (https://filipe-caldeira81.outsystemscloud.com/ToDo_FC/scripts/OutSystemsReactView.js?d5wEWmvkaUR+1IPneJZvww:4:13758)
    at View.setState (https://filipe-caldeira81.outsystemscloud.com/ToDo_FC/scripts/OutSystemsReactView.js?d5wEWmvkaUR+1IPneJZvww:1:5957)
    at View.onModelChanged (https://filipe-caldeira81.outsystemscloud.com/ToDo_FC/scripts/OutSystemsReactView.js?d5wEWmvkaUR+1IPneJZvww:6:5827)
    at Object.handler (https://filipe-caldeira81.outsystemscloud.com/ToDo_FC/scripts/OutSystemsReactView.js?d5wEWmvkaUR+1IPneJZvww:6:4061)

Really don´t know what the problem is, any ideas? Thanks in advance.

I am also doing the web training for Developing Mobile Apps and encountered the same error. This happened when changing Stars or opening the search bar and just click the "Search" button.

I found the problem. It is the sidebar itself that causes the error, or actually more the place where it's added. The content is updated after the Data refresh. That means that all items are removed and new ones are placed. However, the Sidebar is not a node of that list that can be removed and the page is apparently getting confused on what to do with it. You would expect the refresh would only consider the Itemlist, but it turns out not to be the case.

I moved the SearchSidebar to the Header Content, and now the app is working. Moving goes easy in the Widget Tree, just click and drag.

Here is my solution, hope it helps.

By the way: the Client Action ToggleSidebar doesn't exist any more, it's now SidebarToggle. Took me a while to find that. :-)

Harm van Eerten wrote:

I am also doing the web training for Developing Mobile Apps and encountered the same error. This happened when changing Stars or opening the search bar and just click the "Search" button.

I found the problem. It is the sidebar itself that causes the error, or actually more the place where it's added. The content is updated after the Data refresh. That means that all items are removed and new ones are placed. However, the Sidebar is not a node of that list that can be removed and the page is apparently getting confused on what to do with it. You would expect the refresh would only consider the Itemlist, but it turns out not to be the case.

I moved the SearchSidebar to the Header Content, and now the app is working. Moving goes easy in the Widget Tree, just click and drag.

Here is my solution, hope it helps.

By the way: the Client Action ToggleSidebar doesn't exist any more, it's now SidebarToggle. Took me a while to find that. :-)

It works perfect! Thank you so much Harm. 


Thank you so much Harm for the solution, I was able to Publish it successfully and agreed with the SidebarToggle, I was trying my luck and it worked. :)


Harm van Eerten wrote:

I am also doing the web training for Developing Mobile Apps and encountered the same error. This happened when changing Stars or opening the search bar and just click the "Search" button.

I found the problem. It is the sidebar itself that causes the error, or actually more the place where it's added. The content is updated after the Data refresh. That means that all items are removed and new ones are placed. However, the Sidebar is not a node of that list that can be removed and the page is apparently getting confused on what to do with it. You would expect the refresh would only consider the Itemlist, but it turns out not to be the case.

I moved the SearchSidebar to the Header Content, and now the app is working. Moving goes easy in the Widget Tree, just click and drag.

Here is my solution, hope it helps.

By the way: the Client Action ToggleSidebar doesn't exist any more, it's now SidebarToggle. Took me a while to find that. :-)

 

 

Harm van Eerten wrote:

I am also doing the web training for Developing Mobile Apps and encountered the same error. This happened when changing Stars or opening the search bar and just click the "Search" button.

I found the problem. It is the sidebar itself that causes the error, or actually more the place where it's added. The content is updated after the Data refresh. That means that all items are removed and new ones are placed. However, the Sidebar is not a node of that list that can be removed and the page is apparently getting confused on what to do with it. You would expect the refresh would only consider the Itemlist, but it turns out not to be the case.

I moved the SearchSidebar to the Header Content, and now the app is working. Moving goes easy in the Widget Tree, just click and drag.

Here is my solution, hope it helps.

By the way: the Client Action ToggleSidebar doesn't exist any more, it's now SidebarToggle. Took me a while to find that. :-)

 

 Thank you Harm van Eerten . Worked for me perfectly.