如何在adobe CQ5中将下拉列表与集合绑定..?

时间:2015-02-04 09:07:29

标签: drop-down-menu adobe selection cq5

我是Adobe CQ5的新手,我正在开发一个培训项目,这里我要求使用Dialog绑定下拉列表,作者可以添加多个项目,这些项目应该显示在下拉列表中,那怎么做,  我用对话框创建一个组件  我分配了我需要的字段和&还将属性作为文本字段给出我能够绑定它但我想将它们用作集合

我的component.jsp代码是:

<%@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>

1 个答案:

答案 0 :(得分:0)

由于您需要关联itemText和itemValue,因此所需的xtype将为compositefield。但它不适用于多行。应该使用多行的multifield xtype不适用于复合字段。您需要做的是编写一个多复合域。

在stackoverflow和adobe论坛上记录的方法很好,很少有链接:

https://helpx.adobe.com/experience-manager/using/creating-custom-xtype.html

Multifield component issue

然而,开源解决方案很少:

http://adobe-consulting-services.github.io/acs-aem-commons/features/widgets.html#multi-field-panel-since-150

https://github.com/Citytechinc/multicomposite-addon