The LOAD helper simply generates HTML like the following:
<script type="text/javascript"><!--
web2py_component("/test/comment/post.load","c282718984176")
//--></script><div id="c282718984176">loading...</div>
So, a div with a particular id is created, and the web2py_component()
Javascript function (defined in /static/js/web2py.js) is called with the id
of that div. Instead of using the LOAD helper, you can manually create a
div and set up an event handler that calls web2py_component() when the tab
is clicked.
Anthony
On Saturday, December 1, 2012 4:45:49 AM UTC-5, Joe Barnhart wrote:
>
> So I'm designing the world's greatest user interface and I happened on the
> idea of making my numerous SQLFORMs easier to navigate by using jQuery UI
> tabs and the "load ajax" feature.
>
> Conceptually, what I want to do should be simple. Load the form using
> =LOAD, but only when the tab is clicked on. When the user clicks on
> another tab, another SQLFORM is ajax-loaded, and so forth.
>
> Both jQuery UI and the web2py LOAD features work perfectly alone. I can
> even use the LOAD function with jQuery tabs as long as I don't try to use
> the "beforeLoad" event to load the form. I just can't figure out the
> javascript secret sauce to get them to play together.
>
> I'm really impressed by the power of the web2py LOAD function. The
> contributor really knew what he was doing! If I can just understand its
> underpinnings a little better I can use it for more than the simple case in
> the book.
>
>
--
