title: How can I set the legend in Ext JS ItemSelector/Multiselect control?
body: <p>I have the following <a href="http://dev.sencha.com/deploy/dev/examples/multiselect/multiselect-demo.html" rel="nofollow noreferrer">multiselect control</a> in a Ext JS form which looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/OIEHq.png" alt="enter image description here"></p>
  
  <p>How can I change the two legends "Available" and "Selected"?</p>
  
  <p>I see in the file <code>ItemSelect.js</code> where I could set these once internally:</p>
  
  <p><img src="https://i.stack.imgur.com/QpQd8.png" alt="enter image description here"></p>
  
  <p><strong>But how can I set these legend labels from the calling code so that every time I call this control, I can give it new legend names</strong>, e.g. something like:</p>
  
  <pre><code>msConfig[0].legend = 'verfügbar';
  msConfig[1].legend = 'ausgewählt';
  </code></pre>
  
  <p>Calling code:</p>
  
  <pre><code>}, {
      xtype: 'itemselector',
      name: 'itemselector',
      fieldLabel: 'ItemSelector',
      width: 700,
      imagePath: 'images/multiselect/',
      multiselects: [{
              width: 250,
              height: 200,
              store: new Ext.data.ArrayStore({
                  data: [[123,'One Hundred Twenty Three'],
                      ['1', 'Two'], ['2', 'One'], ['3', 'Three'], ['4', 'Four'], ['5', 'Five'],
                      ['6', 'Six'], ['7', 'Seven'], ['8', 'Eight'], ['9', 'Nine']],
                  fields: ['value','text'],
                  sortInfo: {
                      field: 'value',
                      direction: 'ASC'
                  }
              }),
              displayField: 'text',
              valueField: 'value'
          },{
              width: 250,
              height: 200,
              store: [['10','Ten'],['11','Eleven'],['12','Twelve']],
              tbar:[{
                      text: 'clear',
                      handler:function(){
                          simple_form.getForm().findField('itemselector').reset();
                      }
                  }]
          }]
  },
  </code></pre>