ExtJS 6.0.1 Dataview Tpl gerendert

Question

Ich versuche, eine Tabelle in Datenansicht zu rendern. Alles funktioniert gut, aber die tpl renderes zweimal:

Erstens: Der tpl Inhalt geladen zusammen mit den Daten Zweitens: die allein tpl wird ohne Daten gerendert

Ich fand heraus, dass diese Frage bereits für ein gefragt wurde, andere Version hier. Aber es gab keine relevante Antwort, um dieses Problem zu lösen. ExtJS tpl renders twice

{ 
     xtype: 'dataview', 
     scrollable: true, 
     itemSelector: 'tr', 
     data: [{ 
      selCodeType: 'selCodeType', 
      codeTypeMnc: 'codeTypeMnc' 
     }, { 
      selCodeType: 'selCodeType', 
      codeTypeMnc: 'codeTypeMnc' 
     }], 
     tpl: ['<table><thead>', 
        '<th>Select Code Type</th>', 
        '<th>Code Type MNC</th>', 
       '</thead>', 
       '<tbody>', 
        '<tpl for=".">', 
         '<tr>', 
          '<td>selCodeType</td>', 
          '<td>codeTypeMnc</td>', 
         '</tr>', 
        '</tpl>', 
       '</tbody></table>'] 
    } 

Outcome of the above code

Ich habe auch itemTpl versucht. Aber kein Glück. Es wäre hilfreich, wenn mich jemand darauf hinweisen würde, was ich hier falsch mache.

Danke

Answer 1

Sie müssen verwenden store statt data mit dataview s:

{ 
       xtype: 'dataview', 
       scrollable: true, 
       itemSelector: 'tr', 
       store: { 
        data:[{ 
        selCodeType: 'selCodeType', 
        codeTypeMnc: 'codeTypeMnc' 
       }, { 
        selCodeType: 'selCodeType', 
        codeTypeMnc: 'codeTypeMnc' 
      }]}, 
       tpl: ['<table><thead>', '<th>Select Code Type</th>', '<th>Code Type MNC</th>', '</thead>', '<tbody>', '<tpl for=".">', '<tr>', '<td>selCodeType</td>', '<td>codeTypeMnc</td>', '</tr>', '</tpl>', '</tbody></table>'] 
      } 

Arbeitsbeispiel: https://fiddle.sencha.com/#fiddle/18th