extjs4.2 为什么提示我ext.onready没有定义

html引用：

 　<link href="./extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <script src="./extjs/bootstrap.js" type="text/javascript"></script>
    <script src="./extjs/ext-lang-zh_CN.js" type="text/javascript"></script>
    <script src="./js/index.js" type="text/javascript"></script>

js文件

Ext.onReady(function(){
        Ext.create('Ext.panel.Panel',{
            title : 'Ext.layout.container.Border布局示例',
            layout:'border',//边框布局
            renderTo: Ext.getbody(),
            height : 250,
            width : 400,
            frame : true,
            defaults : {//设置默认属性
                collapsible : true
            },
            items: [{
                title: 'north Panel',
                html : '上边',
                region: 'north',//指定子面板所在区域为north
                height: 50
            },{
                title: 'South Panel',
                html : '下边',
                region: 'south',//指定子面板所在区域为south
                height: 50
            },{
                title: 'West Panel',
                html : '左边',
                region:'west',//指定子面板所在区域为west
                width: 100
            },{
                title: 'east Panel',
                frameHeader : true,
                frame : false,
                html : '右边',
                region:'east',//指定子面板所在区域为east
                width: 100
            },{
                title: 'Main Content',
                html : '中间',
                region:'center'//指定子面板所在区域为center
            }]
        });


    });

页面上错误提示：

你的ext类库呢？ext你导入bootstrap.js干嘛。。你知道如了bootstrap.js和ext的语言包，ext类库都没导入。。

 <link href="./extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <script src="./extjs/bootstrap.js" type="text/javascript"></script>
    <script src="./extjs/ext-lang-zh_CN.js" type="text/javascript"></script>
    <script src="./js/index.js" type="text/javascript"></script>

bootstrap会自动选择ext的类库，前提是同目录下必须要有ext-all和ext-all-dev或者ext-all-debug，ext-all是必须要有的