ExtJS 6.0.1 数据视图 tpl 呈现两次

Question

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

首先：随数据加载的tpl内容第二：单独呈现 tpl，没有任何数据

我发现这个问题已经在这里问了不同的版本。但是一直没有解决这个问题的相关答案。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

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

谢谢

Answer 1

您必须使用 store 而不是 data 和 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

ExtJS 6.0.1 数据视图 tpl 呈现两次

ExtJS 6.0.1 dataview tpl rendered twice

extjs

extjs6-classic