Question

EXTJS：当我在选项卡面板中每秒更新XTemplate中的数据时，由于数据在Windows XP中不断渲染到模板中，因此页面滚动变慢了

我有一个带有近10个标签的标签面板。在每个选项卡中，我每秒将数据渲染到一些使用XTemplates创建的表中。

我没有遇到任何与Windows 7和10有关的问题。

有人可以提供您的建议。

请查看以下面板：

Ext.define('View.components.TestDataPanel', {
    extend: 'Ext.Panel',

    alias: 'widget.components-testDataPanel',

    requires: [],

    initComponent: function () {
        Ext.apply(this, {
            tpl: this.panelTemplate(),
            data: {}
        });

        this.callParent(arguments);
    },

    panelTemplate: function () {        
        return new Ext.XTemplate('<div>'
            + '<h2>Test1</h2>'
            + '<table>'
            + '<tpl for="List">'
            + '<tr>'
            + '<td>{Content1}</td>'
            + '<td>{Content2}</td>'
            + '<td>{Content3}</td>'
            + '</tr>'
            + '</tpl>'
            + '</table>'
            + '</div>'

            + '<div>'
            + '<h2>Test2</h2>'
            + '<table>'
            + '<tr><th>Header1</th><th>Code</th><th>Header2</th><th>Header3</th></tr>'
            + '<tpl for="List2">'
            + '<tr>'
            + '<td>{Content1}</td>'
            + '<td>{Content2}</td>'
            + '<td>{Content3}</td>'            
            + '</tr>'
            + '</tpl>'
            + '</table>'
            + '</div>',{
            disableFormats: true
        });
    }
});

在控制器中：

OnData : function (data) {
    var testPanel = this.getTestDataPanel();
    if(testPanel && data) {
       testPanel.update(data)
    }
}

在tabpanel的每个标签中，我们都有这些类型的面板，并且每秒都会更新数据。代码工作正常，并提供除滚动条性能之外的预期结果。如果数据连续呈现，则在标签之间切换也非常慢。 Windows 7和10完美地按预期工作，也没有性能问题。

EXTJS：在Windows XP中滚动页面非常慢

0 个答案: