gigaZhang / struts2-jquery

Automatically exported from code.google.com/p/struts2-jquery
0 stars 0 forks source link

Tabs with remote content - target enhancement #990

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
(This is for feature requests and bugs in Struts2 jQuery Plugin - for
getting help, please use the User Group.
http://groups.google.com/group/struts2-jquery )

What steps will reproduce the enhancement?
1. Create a TabbedPanel with Remote Content and a div:
<s:url var="remoteurl1" action="ajax1"/>
<s:url var="remoteurl2" action="ajax2"/>
<sj:tabbedpanel id="remotetabs">
  <sj:tab id="tab1" href="%{remoteurl1}" label="Remote Tab One" target="panel"/>
  <sj:tab id="tab2" href="%{remoteurl2}" label="Remote Tab Two" target="panel"/>
  <div id="panel"></div>
</sj:tabbedpanel>

What is the expected output?
Load a remote content into the selected div(s).

Which struts2 version?
2.3.14.3

Which struts2-jquery plugin version?
3.6.0

Please provide any additional information below.

jQuery UI (starting from 1.9) provides aria-controls attribute to handle custom 
panels in tabs: http://forum.jquery.com/topic/tabs-api-redesign
If you add aria-controls attribute with the target panel id to a generated tab 
(<li> element), jQuery won't generate new div, it will use the one from the 
aria-controls attribute. For example, the generated HTML from the example 
should look like this:

<div id="remotetabs">
  <ul>
    <li id="tab1" aria-controls="panel" ...
    <li id="tab2" aria-controls="panel" ...
  </ul>
  <div id="panel"></div>
</div>

Original issue reported on code.google.com by rafallp...@gmail.com on 6 Jun 2013 at 9:48