I have this wierd behavior where a RadioGroup works perfectly well with FireFox but not with IE7. Both IE and FF fires the event and the server side event handler is executed in both cases, but with IE the model is not updated when I try to retrieve it in the AjaxFormChoiceComponentUpdatingBehaviour.onUpdate method.

Can anyone spot where I took a wrong turn?

//Swanthe

Page java code:

RadioGroup<DepositType> depositType = new RadioGroup<DepositType>("depositType", new PropertyModel<DepositType>(model.getObject(), "depositType"));

Radio<DepositType> wire = new Radio<DepositType>("wire", new Model<DepositType>(DepositType.WIRETRANSFER));
wire.setOutputMarkupId(true).setMarkupId("wire");
depositType.add(wire);

Radio<DepositType> card = new Radio<DepositType>("card", new Model<DepositType>(DepositType.OTHER));
card.setOutputMarkupId(true).setMarkupId("card");
depositType.add(card);

Radio<DepositType> cheque = new Radio<DepositType>("cheque", new Model<DepositType>(DepositType.CHEQUE));
cheque.setOutputMarkupId(true).setMarkupId("cheque");
depositType.add(cheque);

depositType.add(new AjaxFormChoiceComponentUpdatingBehavior(){
 @Override
 protected void onUpdate(AjaxRequestTarget target) {
   DepositType depositType = model.getObject().getDepositType();
 }
});


Page html code:

<div wicket:id="depositType">
 <div class="leftColumn" >
   <div class="contentRow" style="border-bottom-style: dotted">
     <div class="contentRowText">
       <input wicket:id="wire" class="radioButton" type="radio"/>
<div style="float: left; margin-left: 16px"><label for="wire"><wicket:message key="field.TypeWire">Deposit by Wire Transfer</wicket:message></label></div>
     </div>
   </div>
   <div class="contentRow" style="border-bottom-style: dotted">
     <div class="contentRowText">
       <input wicket:id="card" class="radioButton" type="radio"/>
<div style="float:left; margin-left: 16px"><label for="card"><wicket:message key="field.TypeCard">Deposit by Debit or Credit Card</wicket:message></label></div>
     </div>
   </div>
   <div class="contentRow" style="border: none">
     <div class="contentRowText">
       <input wicket:id="cheque" class="radioButton" type="radio"/>
<div style="float: left; margin-left: 16px"><label for="cheque"><wicket:message key="field.TypeCheque">Deposit by Check</wicket:message></label></div>
     </div>
   </div>
 </div>
</div>


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org

Reply via email to