package lt.inventi.wicket.component.bootstrap;
import org.apache.wicket.AttributeModifier;
import org.apache.wicket.markup.html.WebMarkupContainer;
/**
* Java:
*
* <pre>
* new Accordion("accordion").add(
* new AccordionGroup("group1", new ResourceModel("group1Label")).add(
* new TextField<String>("id")),
* new AccordionGroup("group2", new ResourceModel("group2Label")).add(
* new TextField<String>("name")));
* </pre>
*
* HTML:
*
* <pre>
* <div wicket:id="accordion">
* <div wicket:id="group1">
* <input type="text" wicket:id="id" />
* </div>
* <div wicket:id="group2">
* <input type="text" wicket:id="name" />
* </div>
* </div>
* </pre>
*
* Result:
*
* <pre>
* <div class="accordion" id="accordiona">
* <div class="accordion-group">
* <div class="accordion-heading">
* <a href="#bodyb" data-parent="#accordiona" data-toggle="collapse" class="accordion-toggle collapsed">Group 1</a>
* </div>
* <div id="bodyb" class="accordion-body collapse" style="height: 0px;">
* <div class="accordion-inner">
* <input type="text" name="accordion:group1:group1_body:id" value=""></input>
* </div>
* </div>
* </div>
* <div class="accordion-group">
* <div class="accordion-heading">
* <a href="#bodyc" data-parent="#accordiona" data-toggle="collapse" class="accordion-toggle collapsed">Group 2</a>
* </div>
* <div id="bodyc" class="accordion-body collapse" style="height: 0px;">
* <div class="accordion-inner">
* <input type="text" name="accordion:group2:group2_body:name" value=""></input>
* </div>
* </div>
* </div>
* </div>
* </pre>
*
* @author vplatonov
*
*/
public class Accordion extends WebMarkupContainer {
public Accordion(String id) {
super(id);
setOutputMarkupId(true);
add(new AttributeModifier("class", "accordion"));
}
}