Dynamic drop down for AEM 6.4 multifield

In the Granite API, to populate a Granite Select type - you use a DataSource object , as shown in this article:

Adobe Experience Manager Help | Using an WCMUsePojo class to populate an Experience Manager Touch UI Select Field

You can use Java in the WCMUsePojo to construct a DataSource object .

.You can add business logic in Java to construct the values you want to display in the dropdown. If you want to read child resources - you can do so in Java logic.

//Creating the Map instance to insert the countries

final Map<String, String> countries = new LinkedHashMap<String, String>();

countries.put("in", "India");

countries.put("us", "United States");

countries.put("aus", "Australia");

countries.put("pak", "Pakistan");

countries.put("sri", "Srilanka");

As you can see - you populate a Java MAP object to construct a DataSource object.

See another example here:

Building Experience Manager Components using Granite/Coral Resource Types

Hi Vijay,

As Scott mentioned, you can use the WCMUsePojo to construct a Datasource object to populate the dropdown. Here is the HELPX article: Adobe Experience Manager Help | Using an WCMUsePojo class to populate an Experience Manager Touch UI Select Field

There is no need of binding he servlet and bind to a resourceType to populate dropdown.

Thanks,

Ratna Kumar.

Nice job Arun - this code compiled nicely!

This article was updated to show use of a Sling Servlet to create a DataSource object to populate a Select field:

Building Experience Manager Components using Granite/Coral Resource Types

Hi Arun,

Thanks for your inputs here.

I created a servlet using resource type and I'm calling the servlet resource type in my datasource sling:resourceType and options is resourcetype.json. Under select component I'm having the datasource. When I use this component in my page the servlet is not getting triggered. But the same servlet is working fine when using resourcepaths. I'm not sure where I did the mistake. I'm providing you the screenshot and code snippet. can you correct me where I'm wrong? I want to get the the JSon response which is coming from servlet and display as  an dropdown values in the component and I don't want to use any external .json file. Thanks in Advance.

Servlet:

@Component(service = Servlet.class, immediate = true, property = {

    Constants.SERVICE_DESCRIPTION + "=Dynamic dropdown",

    "sling.servlet.resourceTypes=" + "/apps/component/dynamicdropdown",

    "sling.servlet.extensions=" + "json",

    "sling.servlet.methods=" + "GET"

})

public class DynamicDropDown extends SlingAllMethodsServlet {

  private static final Logger LOG = LoggerFactory.getLogger(DynamicDropDown.class);

  @Override

  protected void doGet(SlingHttpServletRequest request,

      final SlingHttpServletResponse response) throws ServletException, IOException {

    LOG.info("DynamicDropDown servlet in..");

    response.setHeader("Access-Control-Allow-Origin", "*");

    response.setContentType("application/json");

    response.setCharacterEncoding("UTF-8");

    LOG.info("DynamicDropDown servlet out..");

    try {

      String[] americastates = {"0=Alabama","1=Alaska","2=Arizona"};

      String country = "country";

      JSONArray stateJsonArray = new JSONArray();

      if (country.length() > 0) {

        if ("country".equalsIgnoreCase(country)) {

          stateJsonArray = new JSONArray();

          for (String state: americastates) {

            stateJsonArray.put(state);

          }

        }

        response.setContentType("application/json");

        response.getWriter().write(stateJsonArray.toString());

      }

    } catch (Exception e) {

      LOG.error(e.getMessage(), e);

    }

  }

}

Screenshots:

Thanks,

Vijay

try to remove from "sling.servlet.extensions=" + "json", servlet code?

Hi Arun,

Servlet didn't workout for me. So I completed using Javaclass where I'm having my logic and I'm calling the service from the datasource and it's working now. I'm not sure why the servlet is not working for me. Thanks Arun for your guidance.

Regards,

Vijay

how did you call the service from datasource node .? if you can provide screenshot it will,be helpful