Строка ExtJS не отображается правильно

Question

У меня есть сетка, которая при загрузке страницы иногда не отображается правильно. Это раздражает, и я пытаюсь найти решение, чтобы заставить его правильно отображать.
Все в порядке с данными на нем, но иногда оно не отображается правильно.
Это просто, когда я загружаю сетку в первый раз, потому что после этого она отображается правильно. Вот сетка с визуализацией правильно: и вот ошибка визуализации, которую она иногда дает мне, когда я впервые загружаю сетку. Я попытался все это исправляет, но ни одна работа:

grid.getView().refresh(); 
--- 
grid.columns[2].setVisible(false); 
grid.columns[2].setVisible(true); 
--- 
grid.getStore().filterBy(function() { return true; }); 

После нажатия на левой сетке, он применяет фильтр к правой сетке, и если вынести не было нормально, он становится правильным. Поэтому я считаю, что это проблема рендеринга. Я задаю этот вопрос как последнее средство. У кого-нибудь есть предложения?
Я пользуюсь ExtJS 4.

Answer 1

Попробуйте добавить afterrender на свой компонент. Это приведет к пересчету компоновки контейнера.

Что-то вроде

grid.on("afterrender", function() { 
      this.doLayout(); 
}); 

Или с слушателей:

listeners: { 
      afterrender: function(e) { 
       this.doLayout();  
      }