title: Extjs modern toolkit 6.5.2 Triton binding Multiselect field
body: <p>I'm trying to simulate in modern toolkit the <strong>tagfield</strong> that existed in classic toolkit, I found two ways to do it : </p>
  
  <blockquote>
    <p><a href="https://github.com/facilitiesexchange/TagField/" rel="nofollow noreferrer">https://github.com/facilitiesexchange/TagField/</a></p>
  </blockquote>
  
  <p>AND </p>
  
  <blockquote>
    <p><a href="https://stackoverflow.com/questions/44112929/extjs-6-modern-toolkit-multiselect-field">ExtJs 6 Modern toolkit Multiselect field</a></p>
  </blockquote>
  
  <p>I used both in this way : </p>
  
  <pre><code>{
      xtype:'multiselectfield', //tagfield
      multiSelect: true,
      displayField: 'name',
      required: true,
      store: [
          { name: 'Peter',  age: 26 },
          { name: 'Ray',   age: 21 },
          { name: 'Egon', age: 24 },
          { name: 'Winston', age: 24 }
       ],
      label : 'People'
  }
  </code></pre>
  
  <p>The first custom-field worked for displaying the data from my store but I didn't get binding the selected values.</p>
  
  <p>The second throwed some errors and when a fixed them It didn't displayed any values from my store at all, so I didn't have the chance to bind the selected values.</p>
  
  <p>So I would like to know how to bind the selected values in a multiselectfield with my viewModel. 
  Here is my fiddle: <a href="https://fiddle.sencha.com/#view/editor&amp;fiddle/2lf0" rel="nofollow noreferrer">https://fiddle.sencha.com/#view/editor&amp;fiddle/2lf0</a></p>