I want to update the product list on the POS by clicking on a button. I am able to reload all data from the server by calling the load_server_data method but I am unable to update the UI.

Here is what I have tried

var spans = el_node.querySelectorAll('.refresh-products');
for(var i = 0; i < spans.length; i++){    spans[i].addEventListener('click',function(){ $.when(self.pos.load_server_data()) .done(function() { self.__parentedParent.product_list_widget = new screens.ProductListWidget(self,{ click_product_action: function(product){ self.__parentParented.click_product(product); }, product_list: self.pos.db.get_product_by_category(0) }); self.gui.show_screen('products'); }).fail(function() { }); }); }