title: Sencha Touch - How can I integrate various icons (one for each item) into a selectfield?
body: <p>In Sencha Touch 2 I use a selectfield component with 5 options. Each has its own icon. On clicking the input field, the icon shows in the select box before the text.
  As of now I have to look up the ID of the various option texts in the source code of the running app and then adapt the CSS files, like in</p>
  
  <pre><code>#ext-element-150 { 
  background: url('../images/water.jpg');
  background-size: 40px 40px;
  padding-left: 50px;
  background-repeat: no-repeat;
  }
  </code></pre>
  
  <p>where ext-element-150 is the (looked-up) ID of one of the options elements.</p>
  
  <p>The result looks like this:
  <img src="https://i.stack.imgur.com/9HTOT.png" alt="Select list with icons"></p>
  
  <p>But this is an unflexible and error prone workaround rather than a solution. What would be a better approach?</p>