extjs - ExtJS 6.0.1 dataview tpl 呈现两次

Question

我正在尝试在数据视图中呈现表格。一切正常，但 tpl 渲染两次：

第一：与数据一起加载的tpl内容第二：单独渲染tpl，没有任何数据

我发现这个问题已经被问到这里有一个不同的版本。但是没有相关的答案来解决这个问题。ExtJS tpl 渲染两次

{
        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>']
    }

上述代码的结果

我也尝试过 itemTpl。但没有运气。如果有人指出我在这里做错了什么，那将会很有帮助。

谢谢

Answer 1

您必须使用 astore而不是datawith dataviews：

{
                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>']
            }

工作示例：https ://fiddle.sencha.com/#fiddle/18th