`
huanglppp
  • 浏览: 64432 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

extjs 3.1 Ext.TabPanel dom为空或不是对象

 
阅读更多
在google下，没有找到解决方法，
在IE6下，报dom为空或不是对象,FF没有反应.
如果改为renderTo:Ext.getBody()
IE6下，报Ext.get...为空或不是对象，FF下可以看到效果.
初学extjs，指点下，谢谢
JS代码： 
 var tabs = new Ext.TabPanel({
        renderTo:'aaa',
        width:450,
        activeTab: 0,
        frame:true,
        defaults:{autoHeight: true},
        items:[
            {contentEl:'tab1', title: 'Short Text'},
            {contentEl:'tab2', title: 'Long Text'}
        ]
    });


html代码： 
<html>
	<head>
		<title>bbb</title>
		<link rel="stylesheet" type="text/css" href="extcss/ext-all.css" />
		<script type="text/javascript" src="extjs/ext-base.js"></script>
		 <script type="text/javascript" src="extjs/ext-all.js"></script>
		<script type="text/javascript" src="tabdemo.js"></script>
	</head>
	<body>
	<div id="aaa"></div>
	<div id="tab1" class="x-hide-display">A simple tab</div>
	<div id="tab2" class="x-hide-display">Another one</div>
	</body>
</html>
分享到：
| ireport子报表跨页问题
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中，`Ext.Panel`和`TreePanel`是两个非常重要的组件，它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据，以提升用户体验并实现灵活的数据...

    ExtJS-3.4.0系列：Ext.TabPanel

    在本文中，我们将深入探讨ExtJS中的`Ext.TabPanel`组件，它是创建多标签界面的核心元素。`Ext.TabPanel`允许开发者在单个容器中组织多个面板或视图，每个面板都有自己的标题，并且可以通过标签页进行切换。让我们...

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中，`Ext.ux.form.LovCombo`是一种自定义组件，它扩展了基本的`Ext.form.field.ComboBox`，提供了更丰富的功能，尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”（即“Look Up Value”...

    extjs4.2.1 tabPanel刷新及关闭标签

    在ExtJS框架中，`TabPanel`组件是一个非常实用且强大的UI控件，它允许用户在一个界面上组织多个相关的视图或面板，并通过标签页的形式进行切换展示。在版本4.2.1中，`TabPanel`提供了丰富的API和方法来控制其行为，...

    EXTJS3 Ext.PagingToolbar() 快捷键应用

    在EXTJS3中，`Ext.PagingToolbar()` 是一个非常重要的组件，用于在大量数据的网格或视图中实现分页功能。这个组件允许用户轻松地浏览和操作大量的记录，而不需要一次性加载所有数据，从而提高了应用程序的性能和用户...

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    在这里，我们对Ext.getBody()这个返回当前文档主体DOM元素的方法返回的对象使用Ext.LoadMask，这样就会在整个页面上显示加载提示。 在用户点击确认按钮之后，我们将创建一个Ext.LoadMask实例，并调用show方法来显示...

    extjs 3.1 组件 使用

    ExtJS 3.1 是一个历史悠久的JavaScript框架，主要用于构建富客户端Web应用程序。它提供了丰富的组件库，包括表格、表单、菜单、工具栏、树形结构等，使得开发者能够轻松创建复杂的用户界面。在本篇文章中，我们将...

    extjs4.x tabpanel 动态加载panel和html例子

    在EXTJS 4.x框架中，`tabpanel`是用于创建多标签界面的组件，它可以方便地组织和切换多个视图。动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式，因为它允许按需加载内容，减少初始页面加载时间。...

    ExtJS ToolTip功能

    ### ExtJS ToolTip功能 #### 知识点详解 在ExtJS中，`ToolTip`功能是一种非常实用且灵活的功能，它允许用户在鼠标悬停在某个元素上时显示额外的信息。这种特性对于提高用户界面的可用性和用户体验尤其有用。本文将...

    ext的tabpanel的激活与注意事项

    EXTJS的tabpanel是其组件库中的一个重要组成部分，用于创建具有多个选项卡的用户界面，每个选项卡代表一个独立的视图或工作区。在EXTJS应用中，tabpanel提供了灵活的布局管理和用户交互功能，使开发者能够构建高效且...

    ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页

    除了Ext.Panel，ExtJs还提供了其他两个非常有用的组件，即Ext.TabPanel和Ext.Viewport。Ext.TabPanel允许我们在面板内创建选项卡式的界面，每个选项卡可以作为一个容器，加载不同的内容。这种布局方式对于内容分组和...

    Extjs4.2 设置tabpanel当前活动页签的样式

    Extjs4.2 设置tabpanel当前活动页签的样式 Extjs是一个流行的JavaScript框架，用于构建丰富互联网应用程序（RIA）。其中，tabpanel是Extjs中一个常用的控件，用于显示多个面板。设置tabpanel当前活动页签的样式是...

    Extjs4.X下comboboxTree下拉树型菜单，完美支持多选、单选，绝对好用

    同时，还需要配置`mode`为`EXTJS4`特有的`EXTJS4`模式，以启用树结构的多选功能。 3. **数据源与模型** 数据源通常通过`store`属性指定，可以是本地数据或者远程加载的数据。对于树形结构，需要使用`TreeStore`，...

    Ext.get与Ext.fly 的区别

    在EXTJS这个强大的JavaScript框架中，`Ext.get`和`Ext.fly`是两个非常重要的方法，它们都用于操作DOM元素，但它们之间存在着微妙的差异。了解这些差异对于优化代码性能和理解EXTJS的工作机制至关重要。 首先，`Ext....

    Ext.ux.UploadDialog.zip

    "UploadDialog"是EXTjs中的一个扩展（Extension），它为用户提供了一个集成的文件上传对话框功能。这个"Ext.ux.UploadDialog.zip"压缩包包含了EXTjs的UploadDialog组件，方便开发者在自己的项目中直接使用。 ...

    Extjs 继承Ext.data.Store不起作用原因分析及解决

    关于这个原因有很多种，我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....

    Ext Extjs 禁止文本和日期编辑

    在Ext JS这个强大的JavaScript框架中，开发者经常使用各种组件来构建富客户端应用，其中包括TextField（文本字段）和DatePicker（日期选择器）。有时，我们可能需要根据应用需求在运行时禁用这些组件的编辑功能，...

    ExtJS3.1-3.3中文API文档.zip

    1. **基础类库**：这部分介绍Ext的基础类，如Element、Event对象、DomHelper等，它们是构建ExtJS应用的基本元素，提供了DOM操作和事件处理的接口。 2. **组件（Components）**：ExtJS的核心在于其丰富的组件库，...

    Ext.Ajax.request2.x实现同步请求

    在EXTJS库中，`Ext.Ajax.request`是用于发送Ajax请求的核心方法，它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求，并探讨其背后的原理和注意事项。 首先，我们需要理解Ajax的本质，...

    ExtJs3.1目前所有例子源代码

    在3.1版本中，它提供了一系列丰富的组件和API，为开发者提供了构建桌面级Web应用的能力。这个压缩包包含了ExtJs 3.1的所有示例源代码，对于初学者来说，是一个宝贵的资源，可以用来学习和理解这个框架的工作原理。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics