Alex, Your video is quite entertaining but I don't think Wicket is clever enough to make such a mess without a lot of help (javascript, css, dodgy browser etc...). If you send a http://wicket.apache.org/quickstart.html quickstart I am sure someone will help you solve this. Make sure you delete the "target" folder and keep the code as simple as possible to demonstrate your issue.
Regards - Cemal http://www.jWeekend.com jWeekend alex.borba-2 wrote: > > follow all "significant" code... > > > > > > > > --> Here goes the HTML: > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> > > > > <html> > > <head>REMOVED </head> > > > > <body> > > <div id="globalContainer" class="globalBodyContainer"> > > <input id="previousTRId" type="hidden" value=""/> > > <input id="previousDataId" type="hidden" value=""/> > > > > <!--Hidden filds for translate Menus from PopUp Boxes, get > values from wicket properties files.--> > > > > <!-- Copy Box --> > > <input id="copyHeader" type="hidden" > wicket:message="value:copyFieldHeader"/> > > <input id="copyBody" type="hidden" > wicket:message="value:copyFieldBody"/> > > > > <!-- Header for all Alert Box --> > > <input id="labelHeader" type="hidden" > wicket:message="value:labelFieldHeader"/> > > > > <!-- Delete Box --> > > <input id="deleteBody" type="hidden" > wicket:message="value:deleteFieldBody"/> > > > > <!-- Active Box --> > > <input id="activeBody" type="hidden" > wicket:message="value:activeFieldBody"/> > > > > <!-- DeActive Box --> > > <input id="deactiveBody" type="hidden" > wicket:message="value:deactiveFieldBody"/> > > > > <form wicket:id="hiddenFieldsForm" id="hiddenFieldsForm"> > > <input wicket:id="hiddenFieldsForm.copyName" > type="hidden"/> <!--Copy Name--> > > <input wicket:id="hiddenFieldsForm.operationName" > type="hidden"/> <!--Operation --> > > <input wicket:id="hiddenFieldsForm.dataBaseID" > type="hidden"/> <!--Get data base ID for active, deactive, delete and copy > --> > > </form> > > > > <!-- Title --> > > <div id="pageTitle" class="pageTitle"><wicket:message > key="tittle">Trade Coverage Plan - Initial Screen</wicket:message></div> > > > > <div class="separator"></div> > > > > <!-- Upper button panel --> > > <form wicket:id="tcp.menuForm"> > > <fieldset id="Fieldset2" > class="searchFilterPanel"> > > <legend><wicket:message > key="fieldCommands">Commands</wicket:message></legend> > > <div id="buttonPanel"> > > <div class="buttonPanelElement"> > > <button wicket:id="tcp.menuForm.newButton" > type="button" class="short"> > > <wicket:message > key="buttonNew">New</wicket:message> > > </button> > > </div> > > <div class="buttonPanelElement"> > > <button wicket:id="tcp.menuForm.openButton" > id="openButton" type="button" class="short" > onclick="callConfirmBox('labelHeader','deleteBody','open');" disabled> > > <wicket:message > key="buttonOpen">Open</wicket:message> > > </button> > > </div> > > <div class="buttonPanelElement"> > > <button id="deleteButton" > wicket:id="tcp.menuForm.deleteButton" type="button" class="short" > onclick="callConfirmBox('labelHeader','deleteBody','delete');" disabled> > > <wicket:message > key="buttonDelete">Delete</wicket:message> > > </button> > > </div> > > > > <div class="buttonPanelElement"> > > <div wicket:id="modal1"></div> > > > > <!--<button id="activateButton" > wicket:id="tcp.menuForm.activeButton" type="button" class="short" > onclick="callConfirmBox('labelHeader','activeBody','active');" > disabled>--> > > <button id="activateButton" > wicket:id="tcp.menuForm.activeButton" type="button" class="short" > disabled> > > <wicket:message > key="buttonActivate">Activate</wicket:message> > > </button> > > > > </div> > > <div class="buttonPanelElement"> > > <button id="deactivateButton" > wicket:id="tcp.menuForm.deActiveButton" type="button" class="short" > onclick="callConfirmBox('labelHeader','deactiveBody','deactive');" > disabled> > > <wicket:message > key="buttonDeactivate">Deactivate</wicket:message> > > </button> > > </div> > > > > <div class="rightButtonPanelElement" > id="copyToField" style="width: 251px"> > > <!--<wicket:message key="labelCopyTo">Copy > to</wicket:message> --> > > <!--<input type="text" id="tcp_copyto" > value="" style="width: 100px" onclick="this.value='';"/> --> > > <button type="button" class="short" > id="executeButton" onclick="callCopyBox('copyHeader','copyBody','copy');" > disabled> > > <wicket:message > key="buttonCopy">Copy</wicket:message> > > </button> > > </div> > > </div> > > </fieldset> > > </form> > > <!-- <div class="separator"></div>--> > > > > <!-- Form wicket tcp.searchForm --> > > <form wicket:id="tcp.searchForm"> > > <!-- "Search TCPs" panel --> > > <fieldset id="searchFilterPanel" > class="searchFilterPanel" style="height: 100%"> > > <legend><wicket:message > key="fieldSearch">Search TCPs</wicket:message></legend> > > > > <div style="float:left; width: 100%; height: > 51px;"> > > <div class="searchFilterPanelElement" > style="width: 120px"> > > <wicket:message > key="labelYear">Year</wicket:message> > > <select > wicket:id="tcp.searchForm.yearSelect" name="year" style="width: 80px"> > > <option selected="selected" > value="0"></option> > > <option value="1">2008</option> > > <option value="2">2007</option> > > <option value="3">2006</option> > > <option value="4">2005</option> > > <option value="5">2004</option> > > <option value="6">2003</option> > > </select> > > </div> > > > > <div class="searchFilterPanelElement" > style="width: 196px; "> > > <wicket:message > key="labelName">Name</wicket:message> > > <input wicket:id="tcp.searchForm.nameText" > type="text" name="name" value="Enter Text" style="width: 140px" > onclick="this.value='';"/> > > </div> > > > > <div class="searchFilterPanelElement" > style="width: 200px"> > > <wicket:message > key="labelDivision">Division</wicket:message> > > <select > wicket:id="tcp.searchForm.divisionSelect" name="division" style="width: > 130px"> > > <option value="0"></option> > > <option value="1">São > Paulo</option> > > <option value="2">Rio de > Janeiro</option> > > <option > value="3">Santos</option> > > </select> > > </div> > > > > <div style="float:right; width: 240px; height: > 51px;" class="rightSearchFilterPanelElement"> > > <wicket:message > key="labelStatus">Status</wicket:message> > > <select > wicket:id="tcp.searchForm.statusSelect" name="status" style="width: > 100px"> > > <option value="0"></option> > > <option > value="1">Active</option> > > <option > value="2">Inactive</option> > > </select> > > > > </div> > > </div> > > > > <div style="float:left; width: 100%; height: > 51px;"> > > <div style="float:left; width: 506px; height: > 51px;" class="buttonPanelElementLarge"> > > <wicket:message > key="labelTradeApproach">Trade Approach</wicket:message>  > > <select > wicket:id="tcp.searchForm.tradeApproach" name="tradeApproach" > style="width: 170px"> > > <option value="0"></option> > > <option > value="1">Pre-Sales</option> > > <option > value="2">Prompt-Sales</option> > > <option > value="2">Tele-Sales</option> > > </select> > > > > <button wicket:id="tcp.searchForm.find" > id="findButton" class="short" type="button"> > > <wicket:message > key="buttonFind">Find</wicket:message> > > </button> > > > > </div> > > </div> > > </fieldset> > > </form> > > > > <!-- <div class="separator"></div>--> > > > > <!-- Result grid --> > > <div> > > <fieldset id="Fieldset1" class="searchFilterPanel"> > > <legend><wicket:message key="fieldList">List > TCPs</wicket:message></legend> > > <div class="resultGrid"> > > <table id="tcpTable" > class="resultGridTable" > > > <!-- Result grid header --> > > <tr class="resultGridHeader"> > > <td > class="resultGridHeader" style="height: 18px; width: > 107px;"><wicket:message key="gridYear">Year</wicket:message></td> > > <td > class="resultGridHeader" style="height: 18px; width: > 331px;"><wicket:message key="gridName">Name</wicket:message></td> > > <td > class="resultGridHeader" style="height: 18px; width: > 270px;"><wicket:message key="gridDivision">Division</wicket:message></td> > > <td > class="resultGridHeader" style="height: 18px; width: > 101px;"><wicket:message key="gridStatus">Status</wicket:message></td> > > <td > class="resultGridHeader" style="height: 18px; width: > 270px;"><wicket:message key="gridTradeApproach">Trade > Approach</wicket:message></td> > > </tr> > > <tr wicket:id="tcp.ResultGrid" > class="resultGridData" onmouseover="setStyle(this, 'highlight');" > onmouseout="setStyle(this, 'resultGridData');"> > > <td > class="resultGridData" style="width: 107px">2008</td> > > <td > class="resultGridData" style="width: 331px">Plan Classe B</td> > > <td > class="resultGridData" style="width: 270px">São Paulo</td> > > <td > class="resultGridData" style="width: 101px">Active</td> > > <td > class="resultGridData" style="width: 270px">Pre-Sales</td> > > </tr> > > </table> > > </div> > > </fieldset> > > </div> > > </div> > > <script type="text/javascript"> > > document.getElementById("newButton").focus(); > > </script> > > </body> > > </html> > > > > > > > > --> Here goes the JAVA CODE: > > > > import java.util.ArrayList; > > import java.util.Date; > > import java.util.HashMap; > > import java.util.List; > > import java.util.Map; > > > > import org.apache.wicket.AttributeModifier; > > import org.apache.wicket.Page; > > import org.apache.wicket.ajax.AjaxRequestTarget; > > import org.apache.wicket.ajax.markup.html.AjaxLink; > > import org.apache.wicket.behavior.AttributeAppender; > > import org.apache.wicket.extensions.ajax.markup.html.modal.ModalWindow; > > import org.apache.wicket.markup.html.basic.Label; > > import org.apache.wicket.markup.html.form.Button; > > import org.apache.wicket.markup.html.form.DropDownChoice; > > import org.apache.wicket.markup.html.form.Form; > > import org.apache.wicket.markup.html.form.HiddenField; > > import org.apache.wicket.markup.html.form.IChoiceRenderer; > > import org.apache.wicket.markup.html.form.TextField; > > import org.apache.wicket.markup.html.list.ListItem; > > import org.apache.wicket.markup.html.list.ListView; > > import org.apache.wicket.model.Model; > > import org.apache.wicket.model.PropertyModel; > > import org.apache.wicket.spring.injection.annot.SpringBean; > > > > > > public class TCPInitialScreen extends BaseWebPage{ > > > > //Service > > @SpringBean(name="StatusBean") > > private IStatusBusinessService searchStatusBusinessService; > > > > @SpringBean(name="DivisionBean") > > private IDivisionBusinessService searchDivisionBusinessService; > > > > @SpringBean(name="TCPBean") > > private ITCPBusinessService tcpBusinessService; > > > > @SpringBean(name="TradeApproachBean") > > private ITradeApproachBusinessService tradeApproachBusinessService; > //Todos os trade approachs > > > > //Objects TO > > > > private TCPBasicDataTO tcpSearch = new TCPBasicDataTO(); > > > > //Wicket > > > > Model<StatusTO> statusModel = new Model<StatusTO>(); > > Model<DivisionTO> divisionModel = new Model<DivisionTO>(); > > Model<TradeApproachTO> tradeAppModel = new Model<TradeApproachTO>(); > > > > //Atributes > > > > int lineIndexDataGrid =0; > > private Map<Integer, StatusTO> statusDescriptionMap = new > HashMap<Integer, StatusTO>(); > > > > public TCPInitialScreen(){ > > > > createMenuForm(); > > createSearchForm(); > > createHiddenForm(); > > > > // Searches all TCP's and displays them in the initial screen > > TCPSearchCriteriaTO searchCriteria = new > TCPSearchCriteriaTO(); > > List<TCPBasicDataTO> allTCPList = > tcpBusinessService.searchTCPByCriteria(searchCriteria); > > createDataGrid(allTCPList); > > } > > > > @SuppressWarnings({ "unchecked", "serial" }) > > protected void createMenuForm(){ > > /* > > * Menu Form > > */ > > Form menuForm = new Form("tcp.menuForm"); > > add(menuForm); > > > > Button newButton = > TCPComponentFactory.createButton(TCPComponentFactory.NEW_BUTTON, > "tcp.menuForm.newButton", "newButton"); > > > > newButton.add(new AttributeAppender("onclick", new > Model("loadBodyFromLeftMenu('iframeBody', > '?wicket:bookmarkablePage=:com.bat.planning.presentation.tcp.web.TCPBasicDataScreen');"), > ";")); > > menuForm.add(newButton); > > > > //Open > > Button openButton = new Button("tcp.menuForm.openButton"){ > > public void onSubmit() { > > //TODO : Check how to get the selected product and > open into BCPBasicDataPage > > } > > }; > > openButton.add(new AttributeModifier("id", new > Model("openButton"))); > > menuForm.add(openButton); > > > > //Delete > > Button deleteButton = new Button("tcp.menuForm.deleteButton"){ > > public void onSubmit() { > > //TODO : Check how to get the selected product and > open into BCPBasicDataPage > > } > > }; > > deleteButton.add(new AttributeModifier("id", new > Model("deleteButton"))); > > menuForm.add(deleteButton); > > > > /* > > * > > */ > > > > //Modal Active > > > > final ModalWindow modal1 = new ModalWindow("modal1"); > > > > /* > > * Gera Modal window > > */ > > modal1.setPageCreator(new ModalWindow.PageCreator() > > { > > public Page createPage() > > { > > return new TCPActiveScreen(TCPInitialScreen.this, modal1); > > } > > }); > > menuForm.add(modal1); > > > > AjaxLink activeLink = (new AjaxLink("showModal1"){ > > > > @Override > > public void onClick(AjaxRequestTarget target) { > > modal1.setInitialHeight(280); > > modal1.setInitialWidth(330); > > //modal1.set > > modal1.show(target); > > } > > > > }); > > menuForm.add(activeLink); > > > > /* > > * > > */ > > > > //Active > > Button activeButton = new Button("tcp.menuForm.activeButton"){ > > public void onSubmit() { > > //TODO : Check how to get the selected product and > open into BCPBasicDataPage > > } > > }; > > activeButton.add(new AttributeModifier("id", new > Model("activateButton"))); > > //menuForm.add(activeButton); > > activeLink.add(activeButton); > > > > //Deactive > > Button deActiveButton = new > Button("tcp.menuForm.deActiveButton"){ > > public void onSubmit() { > > //TODO : Check how to get the selected product and > open into BCPBasicDataPage > > } > > }; > > deActiveButton.add(new AttributeModifier("id", new > Model("deactivateButton"))); > > menuForm.add(deActiveButton); > > > > } > > > > @SuppressWarnings({ "serial", "unchecked" }) > > private void createSearchForm() { > > /* > > * Search Form > > */ > > Form searchForm = new Form("tcp.searchForm"){ > > protected void onSubmit(){ > > > > > > //Search Service call > > > > //Clear all values of comboBox, get default choice > again > > divisionModel = new Model<DivisionTO>(); > > statusModel = new Model<StatusTO>(); > > tradeAppModel = new Model<TradeApproachTO>(); > > createSearchForm(); > > } > > }; > > searchForm.add(new AttributeModifier("id", new > Model("tcp.searchForm"))); > > > > List<String> yearsFake = new ArrayList<String>(); > > yearsFake.add("1"); > > > > List<Integer> tcpYearCombo = > tcpBusinessService.searchTCPYears(yearsFake); > > > > //Year > > DropDownChoice<Integer> yearDropDown = new > DropDownChoice<Integer>("tcp.searchForm.yearSelect", new > PropertyModel<Integer>(tcpSearch, "tcpYear"),tcpYearCombo); > > > > //Name > > TextField nameField = new TextField("tcp.searchForm.nameText", > new PropertyModel(tcpSearch, "tcpName")); > > > > //Division > > IChoiceRenderer<DivisionTO> choiceRendererDivision = new > IChoiceRenderer<DivisionTO>() { > > public String getIdValue(DivisionTO division, int index) > { > > return division.getDivisionId().toString(); > > } > > > > public Object getDisplayValue(DivisionTO division) { > > return division.getDivisionName(); > > } > > }; > > > > DropDownChoice divisionDropDown = new DropDownChoice > ("tcp.searchForm.divisionSelect", divisionModel, > searchDivisionBusinessService.searchDivisions(), choiceRendererDivision); > > > > //Status > > String languageId = getLocalizer().getString("languageId", > this); > > > > if (languageId == null){ > > languageId = "1"; > > } > > > > List<StatusTO> statusList = > searchStatusBusinessService.searchStatus(Integer.parseInt(languageId)); > > for(StatusTO status: statusList) > > { > > statusDescriptionMap.put(status.getStatusId(), status); > > } > > > > IChoiceRenderer<StatusTO> choiceRendererStatus = new > IChoiceRenderer<StatusTO>(){ > > public String getIdValue(StatusTO status, int index) { > > return Integer.toString(status.getStatusId()); > > } > > > > public Object getDisplayValue(StatusTO status) { > > return status.getStatusDescription(); > > } > > }; > > > > DropDownChoice<StatusTO> statusDropDown = new > DropDownChoice<StatusTO>("tcp.searchForm.statusSelect", statusModel, > statusList, choiceRendererStatus); > > > > //Trade Approach > > List<TradeApproachTO> tcpTradeApproachesList = > tradeApproachBusinessService.searchAllAvailableTradeApproach(); > > > > IChoiceRenderer<TradeApproachTO> choiceRenderTradeApp = new > IChoiceRenderer<TradeApproachTO>(){ > > public String getIdValue(TradeApproachTO tradeApproach, > int index){ > > return > Integer.toString(tradeApproach.getTradeApproachId()); > > } > > > > public Object getDisplayValue(TradeApproachTO > tradeApproach){ > > return tradeApproach.getTradeApproachName(); > > } > > }; > > > > DropDownChoice<TradeApproachTO> tradeApproachDropDown = new > DropDownChoice<TradeApproachTO>("tcp.searchForm.tradeApproach", > tradeAppModel, tcpTradeApproachesList, choiceRenderTradeApp); > > > > tcpSearch.setTcpYear(null); > > tcpSearch.setDivisionName(null); > > tcpSearch.setDivisionId(null); > > tcpSearch.setStatus(null); > > > > searchForm.add(yearDropDown); > > searchForm.add(nameField); > > searchForm.add(divisionDropDown); > > searchForm.add(statusDropDown); > > searchForm.add(tradeApproachDropDown); > > > > Button findButton = new Button("tcp.searchForm.find") { > > public void onSubmit() { > > > > } > > }; > > findButton.add(new AttributeAppender("onclick", new > Model("submitForms('tcp.searchForm');"), ";")); > > searchForm.add(findButton); > > > > remove(searchForm); > > add(searchForm); > > } > > > > } > > > > > > > > -- View this message in context: http://www.nabble.com/DropDownChoice-missing-in-IE6-when-has-AJAX-tp21484545p21549138.html Sent from the Wicket - User mailing list archive at Nabble.com. --------------------------------------------------------------------- To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org