extjs 前端-extjs4.2 为什么提示我ext.onready没有定义

问题描述

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是必须要有的

时间: 2024-09-18 09:12:05

extjs 前端-extjs4.2 为什么提示我ext.onready没有定义的相关文章

《Ext JS权威指南》——2.4节关于Ext.onReady

2.4 关于Ext.onReady 代码为什么写在Ext.onReady中,而不是在body中添加一个onload事件并在onload事件中运行呢?主要原因是Ext.onReady在DOM模型加载完毕后即可进行操作,而无需像onload事件那样,等待页面的所有资源都加载完毕后才进行操作,尤其是在页面有大图片这类资源的时候.下面我们来看看Ext.onReady是如何做到这点的.在Loader.js文件可以找到Ext.onReady的定义: Ext.onReady = function(fn, sc

java-关于Java中Extjs前端与后台之间的数据交互

问题描述 关于Java中Extjs前端与后台之间的数据交互 本人java新手,最近新进一家公司,前端用的是Extjs,但是这个Extjs以前都没接触过,所以求大神能不能发我一个Extjs前端与java后台之间的数据交互的实例(前端输入数据,后台根据该数据在数据库中查,然后返回对应数据到前端,前端显示返回的数据),最好是用SH2框架.发我邮箱cgjiangpan@163.com,非常感谢.!!! 解决方案 网上那么多,就是通过json传输数据,如果你想用extjs,建议买本书先学习一下 解决方案二

ExtJS 4.2 教程-03:使用Ext.define自定义类

转载自起飞网,原文地址:http://www.qeefee.com/extjs-course-3-define-classes ExtJS 4.2 教程-01:Hello ExtJS ExtJS 4.2 教程-02:bootstrap.js 工作方式 ExtJS 4.2 教程-03:使用Ext.define自定义类 ExtJS 4.2 教程-04:数据模型 ExtJS 4.2 教程-05:客户端代理(proxy) ExtJS 4.2 教程-06:服务器代理(proxy) ExtJS 4.2 教程

jquery-如何用JavaScript在前端页面做出这种提示框效果?

问题描述 如何用JavaScript在前端页面做出这种提示框效果? 应该得用上onmouseover onmouseout这两个方法, 应该还需要div 当鼠标移动到对象上,那么就执行onmouseover所挂载的方法 方法需要把已经隐藏的div显示出来... 暂时脑补这些,还是听听大神的意见吧~ 解决方案 弹出层+js定位 或者弹出层+CSS动画 解决方案二: 看什么对象,如果是图片.链接直接用alt属性,里面写上提示,浏览器就会调用标准的提示框. 解决方案三: http://www.w3sc

visual studio-VS2015打开2010项目后,使用Task.Run()提示不包含Run的定义

问题描述 VS2015打开2010项目后,使用Task.Run()提示不包含Run的定义 猜想是原来的2010项目是基于.net 4,不支持该语法,所以在项目属性中将目标框架改为.net 4.6,sln文件 也作了对应修改(如图),但还是不行,所以请问各位大神应该怎么办哦,(附直接新建2015的项目是可以使用该语法的) 解决方案 已解决 原因是Task在System.Threading.Tasks命名空间中 但是在引用using System.Threading.Tasks;后 直接Task.R

vs2010 c2371 重定义-新手求教vs2010错误提示error C2371: “UNICODE_STRING”: 重定义;不同的基类型

问题描述 新手求教vs2010错误提示error C2371: "UNICODE_STRING": 重定义:不同的基类型 有以下两个定义:typedef struct UNICODE_STRING { USHORT Length;//长度 USHORT MaximumLength;//最大长度 PWSTR Buffer;//缓存指针 } UNICODE_STRING*PUNICODE_STRING; 还有#ifndef _NTDEFtypedef LSA_UNICODE_STRING

ext designer 组件定义引用方式

问题描述 这是用ext designer 自动生成的代码,我想讲items里json格式panel定义直接用panel类名替代,不知可不可行.MyViewportUi = Ext.extend(Ext.Viewport, { layout: 'border', initComponent: function() { this.items = [ { xtype: 'panel', title: 'My Panel', region: 'center' }, {[color=red][/color

extjs 如何给column 加上提示_extjs

<script type="text/javascript" src="${pageContext.request.contextPath }/extjs/examples/simple-widgets/qtips.js"></script> renderer : function(value, metaData, record, rowIndex, colIndex, store) { // provide the logic depend

ExtJS 2.0实用简明教程 之Ext类库简介_extjs

ExtJS的类库由以下几部分组成:       底层API(core):底层API中提供了对DOM操作.查询的封装.事件处理.DOM查询器等基础的功能.其它控件都是建立在这些底层api的基础上,底层api位于源代码目录的core子目录中,包括DomHelper.js.Element.js等文件,如图xx所示.          控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板.选项板.表格.树.窗口.菜单.工具栏.按钮等等,在我们的应用程序中可以直接通过应用这些控件来实