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")); } }