title: AEM TouchUI and dynamic dropdown base on JSON object
body: <p>in one of my dialog I'm trying to build dropdown list based on JSON data. It's straight forward with classic but more complicated with touchUI. I'm using client libs with JS to get JSON object and I have a trouble with appending that to my dialog. </p>
  
  <pre><code> &lt;select_dropdown
     jcr:primaryType="nt:unstructured"
     sling:resourceType="granite/ui/components/foundation/form/select"
     fieldDescription="Select:"
     name="./selection"
     value=""&gt;
  &lt;items jcr:primaryType="nt:unstructured"&gt;
      &lt;unselected
          jcr:primaryType="nt:unstructured"
          text="---"
          value="---"/&gt;
  &lt;/items&gt;
  </code></pre>
  
  <p>and my data:</p>
  
  <pre><code>{
  mydata: [
      {
          a: "ABC",
          b: "abc"
      },
      {
          a: "DEF",
          b: "def"
      },
      {
          a: "GHI",
          b: "ghi"
      }
   ]
  }
  </code></pre>
  
  <p>any help would be appreciate. </p>