Tag: tabpanel

Ext JS：TabPanel渲染无限网格太快了

比方说，我有一个TabPanel添加到它的两个组件。 每个组件都包含一个无限网格。 每个无限网格从服务调用中加载其数据，每组数据包含2000条logging。 将组件添加到TabPanel之后，我们使用setActiveTab将每个组件设置为活动选项卡。 我们首先将第二个选项卡设置为活动选项卡，然后设置第一个选项卡。 当页面加载时，第一个标签被选中，正如我们所预期的那样。 当看第一个标签时，一切看起来都很好……我们可以无限滚动，sorting，隐藏列等。但是，如果我们切换到第二个标签，我们看到它已经部分加载，而且我们不能滚动过去已经加载，隐藏列，sorting等xlogging。这几乎就像使用setActiveTab有点过早提交网格…好像商店没有完全加载，但无论如何该标签呈现。 （这是我假设的问题是） 我确实有代码，但需要一些工作来重现（因为你需要一个服务调用）。 我在Node.js应用程序中使用CompoundJS，所以创buildtesting用例非常简单。 如果您有权访问数据库，并且可以快速进行服务调用，那么只需修改我的Ext JS代码，但是如果您想使用Node.js，则可以尝试以下操作： Ext JS 4.2.1 Ext.onReady(function() { var tabPanel = Ext.create('Ext.tab.Panel', { width: 400, height: 400, renderTo: Ext.getBody() }); Ext.define('myGrid', { extend: 'Ext.grid.Panel', constructor: function(config) { this.columns = config.columns; this.store = Ext.create('Ext.data.Store', { fields: config.fields, buffered: true, leadingBufferZone: 20, pageSize: 50, proxy: { type: 'ajax', […]