title: ExtJS - Differentiate items in MultiSelect
body: <p>I have 2 <code>MultiSelects</code> in an <code>ItemSelector</code>, itself in a <code>FormPanel</code>. Each <code>MultiSelect</code> is composed of 2 <code>Stores</code>: left side, and right side (with arrows to move items between the 2).</p>
  
  <p>When I load the panel, I feed a reference, in order to highlight the items moved from one side to the other (e.g. set style as red for moved items) because today there is no way to differentiate them.</p>
  
  <p>I managed to catch event <code>afterAdd</code> on  the <code>Stores</code> and apply my style through DOM access. That works during trace, but later on remaining ExtJS standard calls are performed, overriding the style I just applied...</p>
  
  <p>I feel what I'm doing is not the good way, but I'm new to ExtJS so I'm a bit lost here... Thanks for your help !</p>
  
  <p><strong>EDIT :</strong> here is a sample of my code, I forgot to tell that I worked on ExtJS 3.2 (hum...). <code>pool_cnx_to_rule</code> is my <code>FormPanel</code>:</p>
  
  <pre><code>pool_cnx_to_rule.afterMethod('add', function ()
  {
      //var pools_available_ = Ext.getCmp('pools_available').getValue();
      var pools_selected_ = Ext.getCmp('pools_selected').getValue();
      var i, j;
      for (i = 0; i &lt; pool_cnx_to_rule.data.length; ++i)
      {
          var pool_descr_ = pool_cnx_to_rule.data.items[i].data.pool_descr;
          var changed = true;
          for (j = 0; j &lt; pool_cnx_to_rule_ref.length; ++j)
          {
              if (pool_cnx_to_rule_ref[j] == pool_descr_)
              {
                  changed = false;
                  break;
              }
          }
          if (changed)
          {
              var pools_selected_ = Ext.getCmp('pools_selected');
              var nodes_ = pools_selected_.view.getNodes();
              var node_ = nodes_[j];
              var record_ = pools_selected_.view.getRecord(node_);
              record_.set('color', 'red');
              // Instead of assigning pools_selected_.view, create var
              var view_ = new Ext.ListView({
                  multiSelect: true,
                  store: pools_selected_.store,
                  columns: [{
                      dataIndex: pools_selected_.displayField,
                      header: 'Value',
                      width: 1,
                      tpl: new Ext.XTemplate(
                          '&lt;tpl if="red==true"&gt;',
                          '&lt;div class="red"&gt;{' + pools_selected_.displayField + '}&lt;/div&gt;',
                          '&lt;tpl else&gt;',
                          '&lt;div&gt;{' + this.displayField + '}&lt;/div&gt;',
                          '&lt;/tpl&gt;'
                          ),
                  }],
                  hideHeaders: true
              });
              pools_selected_.fs.items.clear();
              pools_selected_.fs.add(view_);
              pools_selected_.fs.doLayout();
          }
      }
  });
  </code></pre>