View Full Version : On Ready is not firing inside tab panel

12 Jun 2014, 6:29 AM
I am using Ext Js 4.2.2
My code is

var tabsPanel= Ext.create('Ext.tab.Panel', {
id: 'scoreScreen',
activeTab: 0,
height : 400,
width : 800,
plain: true,
layout: 'fit',
items: [{
title: 'Tab 1',
id: 'tab1',
loader: {
url: 'showTab1Data',
autoload: true,

listeners: {
activate: function(tab) {
Ext.create('Ext.Window', {
height : 500,
width : 900,
layout : 'fit',
title : 'Define Tabs',
modal : true,
region : 'center',
items : tabsPanel,
resizable : false,
draggable : false,

In the tab panel tab data is loading from a .jsp file. JSP is loading perfectly and displaying the div data but on ready function is not firing. In onready i defined combo boxes to be rendered to the page. Because onready is not firing that combo boxes are not rendering.

Why onready is not firing? Please tell me if i am doing anything wrong..

12 Jun 2014, 9:35 PM
Resolved by adding
scripts: true

in autoload of tab panel