0

データビューでテーブルをレンダリングしようとしています。すべてが正常に機能していますが、tpl は 2 回レンダリングされます。

1 つ目: データと共にロードされる tpl コンテンツ 2 つ目: データなしで tpl のみがレンダリングされる

この質問は、別のバージョンのここで既に尋ねられていることがわかりました。しかし、この問題を解決するための適切な答えはありませんでした。ExtJS tpl が 2 回レンダリングされる

{
        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も試しました。しかし、運がありません。ここで私が間違っていることを誰かが指摘してくれると助かります。

ありがとうございました

4

1 に答える 1

0

s のstore代わりにdataaを使用する必要があります。dataview

{
                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

于 2016-04-19T06:14:24.183 に答える