Извлечь текст и значения как из Touch UI Dropdown в AEM

Question

У меня есть статический список выпадающего списка, но я хочу получить как значение, так и текст из раскрывающегося списка в AEM touch UI.

<articleType 
      jcr:primaryType="nt:unstructured" 
      sling:resourceType="granite/ui/components/foundation/form/select" 
      fieldLabel="Article Type" 
      name="./articleType"> 
      <items jcr:primaryType="nt:unstructured"> 
        <select 
         jcr:primaryType="nt:unstructured" 
          text="Select Icon" 
          value=""/> 
          <article 
          jcr:primaryType="nt:unstructured" 
          text="Article" 
          value="article"/> 
          <video 
          jcr:primaryType="nt:unstructured" 
          text="Video" 
          value="video"/> 
          <infographic 
          jcr:primaryType="nt:unstructured" 
           text="Infographic" 
           value="graph"/> 
              </items> 
             </articleType> 

Теперь я хочу, чтобы принести его как <i class="article-icon icon" />. Я могу получить «класс значка» из «значения», но мне нужно всегда иметь некоторые условия тестирования для извлечения текста. Так что я хочу решение для этого.

Answer 1

Я использовал источники данных для такого рода требований. В приведенном ниже примере используется файл jsp. Вы можете очень хорошо создать класс WCMUsePojo и вызвать его в HTML для ссылки на пары динамического текста и значения.

Пожалуйста, проверьте:

https://helpx.adobe.com/experience-manager/using/creating-granite-datasource.html