These tags were deprecated in 2.1. On Apr 8, 2014 6:31 AM, "Lukasz Lenart (JIRA)" <j...@apache.org> wrote:
> > [ > https://issues.apache.org/jira/browse/WW-4317?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel] > > Lukasz Lenart updated WW-4317: > ------------------------------ > > Fix Version/s: 2.3.x > > > datetimepicker does not work where form theme=simple > > ---------------------------------------------------- > > > > Key: WW-4317 > > URL: https://issues.apache.org/jira/browse/WW-4317 > > Project: Struts 2 > > Issue Type: Bug > > Components: Plugin - Dojo Tags > > Affects Versions: 2.3.15.3 > > Environment: Windows 8. Tomcat 6.0.39 > > Reporter: Patrick Kelly > > Labels: datetimepicker, dojo > > Fix For: 2.3.x > > > > > > I am in the middle of upgrading a webwork app to struts2 2.3.15.3. The > good news is that datetimepicker works just like I would expect it in > hundreds of places across the migrated application but only if the form is > theme=xhtml. However if the form is simple (which it is in this case), then > what used to work "auto magically" in webwork seems a little more > troublesome in struts 2. There is some critical step I am missing but am > yet to figure it out. > > This is what I am doing. The page uses an iterator to populate a list > (of invoice items under an invoice) and then allows the user to edit any > item in the list by clicking an "Edit" link that appears for each item in > the list. > > The <td> cell for the "Edit" link looks like: > > <td class="evenRow"> > > <a <%=linkmouseover%> href="javascript:editInvoiceItem('<s:property > value="id"/>', '<s:property escape="false" value="providerHtml"/>', > '<s:property value="createDate"/>', '<s:property value="serviceCode"/>', > '<s:property escape="false" value="serviceDescriptionHtml"/>', '<s:property > value="units"/>', '<s:property value="cost"/>', '<s:property > value="gstApplies"/>', '<s:property value="taxInclusive"/>');">Edit</a> > > </td> > > And the javascript editInvoiceItem that gets called looks like: > > function editInvoiceItem(id, provider, createDate, serviceCode, > serviceDescription, units, cost, gstApplies, taxInclusive) { > > document.getElementById("invItemId").value = id; > > document.getElementById("provider").value = provider; > > document.getElementById("createDate").value = createDate; > > document.getElementById("code").value = serviceCode; > > document.getElementById("desc").value = serviceDescription; > > document.getElementById("units").value = units; > > document.getElementById("cost").value = cost; > > document.getElementById("gstApplies").value = gstApplies; > > document.getElementById("taxInclusive").value = taxInclusive; > > units=units.replace(/\$|\,/g,''); > > cost=cost.replace(/\$|\,/g,''); > > calculateLineItem(); > > } > > And the theme=simple form that is auto populated when the user clicks > "Edit" looks like... > > <s:form theme="simple" id="itemAdd" name="itemAdd" action="invoice" > > method="post"> > > <s:hidden name="cmd" value="addItem" /> > > <s:hidden name="objType" /> > > <s:hidden name="objId" /> > > <s:hidden name="model" /> > > <s:hidden name="invId" value="%{invoice.id}" /> > > <s:hidden name="invoice.thirdPartyName" /> > > <s:hidden name="invoice.thirdPartyAddress" /> > > <s:hidden name="invoiceItem.id" id="invItemId"/> > > <s:hidden name="invoiceItem.provider" id="provider" > value="addItem"/> > > <s:hidden name="role" /> > > <tr> > > <td class="evenRow"><sx:datetimepicker id="createDate" > displayFormat="%{getText('dateFormat')}" name="invoiceItem.createDate" > /></td> > > <td class="evenRow"><s:select id="code" emptyOption="true" > name="invoiceItem.serviceCode" list="invoiceCodes"/></td> > > <td class="evenRow"><s:textfield id="desc" size="20" > name="invoiceItem.serviceDescription"/></td> > > <td class="evenRow"><s:textfield onchange="calculateLineItem()" > id="units" size="4" name="invoiceItem.units"/></td> > > <td class="evenRow"><s:textfield onchange="calculateLineItem()" > id="cost" size="6" name="invoiceItem.cost"/></td> > > <td class="evenRow"><s:textfield id="gst" size="4" readonly="true" > name="invoiceItem.gst"/></td> > > <td class="evenRow"><s:textfield id="total" size="6" > readonly="true" name="invoiceItem.total"/></td> > > <td class="evenRow"><s:select onchange="calculateLineItem()" > name="invoiceItem.gstApplies" id="gstApplies" emptyOption="false" > list="#{'Yes':'Yes', 'No':'No'}"/></td> > > <td class="evenRow"><s:select onchange="calculateLineItem()" > name="invoiceItem.taxInclusive" id="taxInclusive" emptyOption="false" > list="#{'No':'No', 'Yes':'Yes'}"/></td> > > <td class="evenRow"> </td> > > <td class="evenRow"><s:submit theme="simple" align="left" > value="Save" > > /></td> > > </tr> > > </s:form> > > There are 2 problems: > > - the field "createDate" is not populated when the user clicks the > "Edit" link (while all the other non-date fields referenced in the > javascript are) > > - and if I manually enter a new date via the datetimepicker widget and > click a button to save the updated invoice item data, then I get a > validation error saying the "createDate" field is missing > > Lukasz suggested I insert theme=dojo in the datetimepicker tag > (<sx:datetimepicker theme="dojo" .../>) but when I do this it throws an > error "Attribute theme invalid for tag datetimepicker according to tld" > > > > -- > This message was sent by Atlassian JIRA > (v6.2#6252) >