From 60689a17d7c3a2c5aaad6a9c93e2cd4ce50c8064 Mon Sep 17 00:00:00 2001
From: Rene Saarsoo <nene@triin.net>
Date: Mon, 22 Aug 2011 13:55:50 -0700
Subject: [PATCH] Deferred rendering of index tabs.

---
 template/app/controller/Content.js | 10 ++++++++++
 template/app/view/Viewport.js      |  6 ++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/template/app/controller/Content.js b/template/app/controller/Content.js
index 6218cefa..d164e233 100644
--- a/template/app/controller/Content.js
+++ b/template/app/controller/Content.js
@@ -19,6 +19,16 @@ Ext.define('Docs.controller.Content', {
     title: "",
 
     onLaunch: function() {
+        var cmp = this.getIndex();
+        if (cmp.rendered) {
+            this.initScrollListener();
+        }
+        else {
+            cmp.on('afterrender', this.initScrollListener, this);
+        }
+    },
+
+    initScrollListener: function() {
         this.getIndex().getEl().addListener('scroll', function(cmp, el) {
             this.setScrollState(this.baseUrl, el.scrollTop);
         }, this);
diff --git a/template/app/view/Viewport.js b/template/app/view/Viewport.js
index 5726dba2..46a158d1 100644
--- a/template/app/view/Viewport.js
+++ b/template/app/view/Viewport.js
@@ -80,8 +80,10 @@ Ext.define('Docs.view.Viewport', {
                             id: 'card-panel',
                             cls: 'card-panel',
                             xtype: 'container',
-                            layout: 'card',
-                            deferredRender: true,
+                            layout: {
+                                type: 'card',
+                                deferredRender: true
+                            },
                             items: [
                                 {
                                     autoScroll: true,
-- 
GitLab