title: spark List with ItemRenderer click function not working
body: <p>I am having an issue with my ItemRenderer, which I am using for a spark List. My code is the following:</p>
  
  <p>I have this list:</p>
  
  <pre><code>&lt;s:List 
      id="productSetList" 
      dataProvider="{ model.productSets }" 
      change="model.selectSet( productSetList )" 
      height="100%" width="100%"
      borderVisible="false" 
      itemRenderer="SideBarItemRenderer" top="20" left="15"&gt;
  &lt;/s:List&gt;
  </code></pre>
  
  <p>and my itemRenderer is:</p>
  
  <pre><code>&lt;s:ItemRenderer 
      xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/halo" 
      width="160" height="175" autoDrawBackground="false" buttonMode="true" useHandCursor="true"
      click="click(event)" cacheAsBitmap="true"
      &gt;
  
  
      &lt;fx:Script&gt;
          &lt;![CDATA[
              import com.png.vm.model.vos.ProductSet;
  
              protected function click(event:MouseEvent):void
              {
                  trace('arthur');
              }
  
          ]]&gt;
      &lt;/fx:Script&gt;
  
      &lt;s:BitmapImage source="{ProductSet(data).image}" width="160" height="175"/&gt;
  
  &lt;/s:ItemRenderer&gt;
  </code></pre>
  
  <p>The thing is, if I scroll the list, and click on an item, it does not trace 'arthur' ! Why is this so ? I must trace that all the time that someone clicks in the list!</p>
  
  <p><strong>EDIT:</strong>
  If I remove <code>change="model.selectSet( productSetList )"</code> in the list, it works!! but I cannot remove that, some suggestions ? How can I switch that to another function?</p>