Re: Someone having tabs with Seaside html+js cached on localStorage?

On Fri, Mar 10, 2017 at 2:56 PM, Johan Brichau <[email protected]> wrote:

>
> On 10 Mar 2017, at 16:34, Mariano Martinez Peck <[email protected]>
> wrote:
>
> I haven't thought about that one. Seems like a good idea. Let me
> ask...when you need to open a new tab (say a main menu button was clicked),
> how do you avoid having to re-render all the "workspace" (all tabs) ?  Do
> you only render the new one and do an append() or something?
>
>
> The easiest is when you _can_ render all tabs at once, but if that gets to
> heavy (as Esteban is mentioning), you should do it lazily, which means
> doing ajax requests when necessary.
> I cannot really copy/paste any code for this, but let me try to outline
> what I would do:
>
> - Each of the tabs should be Seaside components, nested inside a ‘window’
> component that holds onto all the tabs.
> - When you render the page, the ‘window’ component renders the open tab
> and does not render anything for the others.
> - The tab controls are implemented using javascript and when you click a
> new tab, this code checks if the tab is on the page and if it’s not it asks
> the server to render it via an ajax request and appends the generated html
> to the page in the correct location, followed by a hide() and show().
> - One way we do this is generate <div> elements with a unique id that
> identifies the tab component. If the div is empty, we launch a callback
> with the id as an argument and our Seaside component then knows which
> component to render. That just requires you to keep a dictionary of
> components in the ‘window’ component with mappings id -> tab component.
>
> So… basically what you already had in mind, but using the DOM as the place
> to store the tab html instead of somewhere else.
>
> My guess is that the hardest problem is to know when you need to rerender
> a tab’s html (based on changes on the server…) instead of just showing the
> content already on the page.
>
>

Thanks Johan,

I ended up doing pretty much all what you suggest above!! And so far it
have a working version! Quite easy to do in fact. I still need to fix a fix
issues, but your solution was pretty straightforward.

Thanks a lot in advance.



> Johan
>
> _______________________________________________
> seaside mailing list
> [email protected]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
>


-- 
Mariano
http://marianopeck.wordpress.com

_______________________________________________
seaside mailing list
[email protected]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside