Datepicker in multifleld does not show persisted values - AEM 6.2 SP1

6 replies
2328 views
Translate

The values saved into "date" and "time" fields are not persisted when we try to edit the component. They are saved as "string" on the node. What maybe causing this?

We are using AEM 6.2 SP1, ACS AEM Commons 3.10.0

_cq_dialog.xml

<eventDate
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/datepicker"
type="date"
class="field"
displayedFormat="YYYY-MM-DD"
fieldLabel="Event Date"
fieldDescription="Scheduled date of the event."
name="./eventDate"/>

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

K

konathalasurenAccepted solution

Level 2

I was able to resolve this. Adding solution.

By default if we leave, acs-commons-nested=“” , the data is stored as one JSON. While the code I was handing in the backend was looking for multiple nodes for each event. We can resolve this couple ways:

1. JSON_STORE or “" (all events are stored as one Json string)

<scheduleEvents jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/multifield” class="full-width">
    <field jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/fieldset” acs-commons-nested=“JSON_STORE" name="./scheduleEvents”>
    <layout jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns” method="absolute”/>
    <items jcr:primaryType="nt:unstructured”>
      <column jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/container”>
         <items jcr:primaryType="nt:unstructured”>
            <eventDate jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/datepicker” type=“date" displayedFormat="YYYY-MM-DD” fieldLabel="Event Date” fieldDescription="Scheduled date of the event.” name="./eventDate”/>
         </items>

Backend code:


@ValueMapValue(name="scheduleEvents")
protected String[] scheduleEventsArray = null;
...
if (scheduleEventsArray != null && scheduleEventsArray.length > 0) {
  for( String section : scheduleEventsArray ) {
    Map<String, String> props = (Map<String, String>) new Gson().fromJson(section, Map.class);
      eventDate = props.get("eventDate”);

2. NODE_STORE (Each event is stored as a node)


<scheduleEvents jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/multifield” class="full-width">
    <field jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/fieldset” acs-commons-nested=“NODE_STORE" name="./scheduleEvents”>
    <layout jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns” method="absolute”/>
    <items jcr:primaryType="nt:unstructured”>
      <column jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/container”>
         <items jcr:primaryType="nt:unstructured”>
            <eventDate jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/datepicker” type=“date" displayedFormat="YYYY-MM-DD” fieldLabel="Event Date” fieldDescription="Scheduled date of the event.” name="./eventDate”/>
         </items>

Backend code:


Resource eventsResource = resource.getChild( "scheduleEvents" );
Iterator<Resource> allEventsResources = eventsResource.listChildren();
  while ( allEventsResources.hasNext() ){
     Resource eventResource = allEventsResources.next();
      valuemap = eventResource.getValueMap();
       eventDate = valuemap.get("eventDate", Calendar.class);

smacdonald2008

Level 10

Excellent response - thank you for sharing.

Translate

K

konathalasurenAuthorAccepted solution

Level 2

I was able to resolve this. Adding solution.

By default if we leave, acs-commons-nested=“” , the data is stored as one JSON. While the code I was handing in the backend was looking for multiple nodes for each event. We can resolve this couple ways:

1. JSON_STORE or “" (all events are stored as one Json string)

<scheduleEvents jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/multifield” class="full-width">
    <field jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/fieldset” acs-commons-nested=“JSON_STORE" name="./scheduleEvents”>
    <layout jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns” method="absolute”/>
    <items jcr:primaryType="nt:unstructured”>
      <column jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/container”>
         <items jcr:primaryType="nt:unstructured”>
            <eventDate jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/datepicker” type=“date" displayedFormat="YYYY-MM-DD” fieldLabel="Event Date” fieldDescription="Scheduled date of the event.” name="./eventDate”/>
         </items>

Backend code:


@ValueMapValue(name="scheduleEvents")
protected String[] scheduleEventsArray = null;
...
if (scheduleEventsArray != null && scheduleEventsArray.length > 0) {
  for( String section : scheduleEventsArray ) {
    Map<String, String> props = (Map<String, String>) new Gson().fromJson(section, Map.class);
      eventDate = props.get("eventDate”);

2. NODE_STORE (Each event is stored as a node)


<scheduleEvents jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/multifield” class="full-width">
    <field jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/fieldset” acs-commons-nested=“NODE_STORE" name="./scheduleEvents”>
    <layout jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns” method="absolute”/>
    <items jcr:primaryType="nt:unstructured”>
      <column jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/container”>
         <items jcr:primaryType="nt:unstructured”>
            <eventDate jcr:primaryType=“nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/datepicker” type=“date" displayedFormat="YYYY-MM-DD” fieldLabel="Event Date” fieldDescription="Scheduled date of the event.” name="./eventDate”/>
         </items>

Backend code:


Resource eventsResource = resource.getChild( "scheduleEvents" );
Iterator<Resource> allEventsResources = eventsResource.listChildren();
  while ( allEventsResources.hasNext() ){
     Resource eventResource = allEventsResources.next();
      valuemap = eventResource.getValueMap();
       eventDate = valuemap.get("eventDate", Calendar.class);

Translate