How to bind dropdown list with collection in adobe CQ5..? - drop-down-menu

Question

i'm new in Adobe CQ5, i'm developing a training project, here my requirement for binding a Dropdown list using Dialog, there author can add multiple item, and these item should be display in dropdown list, so how to do this,
i create a component with dialog
i assigned field what i need & also give an property as text field i'm able to bind it but i want to use them as collection
my code for component.jsp is:
<%#include file="/libs/foundation/global.jsp"%>
<%#page import="java.util.Iterator,com.day.text.Text,com.day.cq.wcm.api.Page,com.day.cq.wcm.foundation.Image,com.day.cq.commons.Doctype" %>
<div class="main-container">
<div class="hero-dropdown-container">
<div class="dropdown">
<button aria-expanded="false" data-toggle="dropdown" id="dropdownMenu1" type="button" class="menu-black-arrow btn btn-default status dropdown-toggle"><%= properties.get("itemText") %></button>
<ul aria-labelledby="dropdownMenu1" role="menu" class="dropdown-menu">
<li role="presentation"><a tabindex="-1" role="menuitem" href='<%= properties.get("itemValue") %>'><%= properties.get("itemText") %></a></li>
<li role="presentation"><a tabindex="-1" role="menuitem"><%= properties.get("itemValue") %></a></li>
<li role="presentation"><a tabindex="-1" role="menuitem">Something else here</a></li>
<li role="presentation"><a tabindex="-1" role="menuitem">Separated link</a></li>
</ul>
</div>
</div>
</div>

Answer 1

Since you need to associate itemText and itemValue the required xtype would be compositefield. But it doesn't work for multiple rows. The multifield xtype that's supposed to work with multiple rows doesn't work with a compositefield. What you will have to do is write a multi-compositefield.
Method to do this well documented on stackoverflow and adobe forums , few links :
https://helpx.adobe.com/experience-manager/using/creating-custom-xtype.html
Multifield component issue
However there are few open source solutions for this :
http://adobe-consulting-services.github.io/acs-aem-commons/features/widgets.html#multi-field-panel-since-150
https://github.com/Citytechinc/multicomposite-addon