I am building a single page web app (TIZEN TV) with multiple divs that I hide and show, but to the user it looks as though pages are changing. This is because I am using a NaCl module which is instantiated on one html page and I can't have it beign initialized every time I change pages.
I am facing the issue of overlapping lists. Let's say I have the following array -> list1 = ["first","second","third"];
When I render the caph-list the first time, it is fine. Now let's say I press RETURN on the remote. I have it so that I go back one div, and hide the current div. Now lets say I change list1 = ["fourth","fifth"]; When I go to the caph-list div/page again, the entries 'fourth' and 'fifth' will be overlapping 'first' and 'second' which is still there from before.
I understand that to combat this, I should be using reload(). However, I can't seem to use this method correctly to update the caph-list view. Has anybody succesfully been able to use this method to replace the contents of a caph-list once the contents of the array provided are changed? Can you please show me the code you implemented to do so?
Here are the tutorials I'm using :
http://developer.samsung.com/onlinedocs/tv/caphdocs/main.html?type=jquery&doc=demo&p1=0#
http://developer.samsung.com/onlinedocs/tv/caphdocs/main.html?type=jquery&doc=tutorial&p1=8