Does the tabbed panel works with grid? I noticed something strange. For
example if I place a grid in panel one and another grid in panel 2. grid2
will end up going to panel one. Regardless those tables are referenced in
the model or not.
For example. If my view is as shown below. These grids (grid1 and grid2)
are not independently being viewed at each panel once clicked (lets say
view/edit). Any thoughts?
<div id="tabs">
<ul>
<li><a href="#fragment-1"><span>My Projects</span></a></li>
<li><a href="#fragment-2"><span>My Payments</span></a></li>
<li><a href="#fragment-3"><span>My Contacts</span></a></li>
</ul>
<div id="fragment-1">
{{=grid}}
</div>
<div id="fragment-2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
</div>
<div id="fragment-3">
{{=grid2}}
</div>
</div>
<script>
$( "#tabs" ).tabs();
</script>
On Wednesday, October 1, 2008 at 10:14:06 PM UTC-4, mdipierro wrote:
>
> > AJAX questions:
> > What happens if javascript turned off - does user get error/blank page
> > in web2py?
>
> No, it probably just shows all tabs one after the other.
>
> > Is Jquerys AJAX stable for most browsers now?
>
> yes
>
> > Is this a stupid idea for a web app? What would better way be?
>
> It is a good idea if, all too together it is not too much data.
>
> > If not a dumb idea:
> > How do you 'install/call' Jquery tab panel plug from a controller?
>
> 1) put ui.core.js and ui.tabs.js in yourapp/static/ the include these
> in the head of your layout
>
> <script src="{{=URL(r=request,c='static',f='ui.core.js')}}"
> type="text/javascript"></script>
> <script src="{{=URL(r=request,c='static',f='ui.tabs.js')}}"
> type="text/javascript"></script>
>
> Then place something like this in the html of the page:
>
> <div id="container-1">
> <ul>
> <li><a href="#fragment-1"><span>One</span></a></li>
> <li><a href="#fragment-2"><span>Two</span></a></li>
> <li><a href="#fragment-3"><span>Three</span></a></li>
> </ul>
> <div id="fragment-1">
> Lorem ipsum dolor sit amet, consectetuer adipiscing
> elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
> aliquam erat volutpat.
> </div>
> <div id="fragment-2">
> Lorem ipsum dolor sit amet, consectetuer adipiscing
> elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
> aliquam erat volutpat.
> </div>
> <div id="fragment-3">
> Lorem ipsum dolor sit amet, consectetuer adipiscing
> elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
> aliquam erat volutpat.
> </div>
> </div>
> <script>$('#container-1 > ul').tabs();</script>
>
> The last line turns the container-1 into tabs.
>
> > How do you include {{=myform}} in a jquery tab panel code in a view?
>
> Place {{=myform}} in one of the divs.
>
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/d/optout.
