`
saiyaren
  • 浏览: 229066 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

在用Extjs2.2.1中发现了Tree的autoScroll和treeEditor有冲突

阅读更多
这2天在做项目中发现了一个极其恶心的问题,让我找了2天,郁闷死了!
原来是用Extjs2.1的包来做的Ext的tree
然后现在换了新的包了用了Extjs2.2.1的包,然后发现原来写的树状结构中的treeEditor这个功能在IE中会报如下错:
引用

Ext-all.js,行9,字符377040 类型不匹配;
a.ui.getEl().scrollIntoView(this.tree.body)


但是firefox没有问题!
后来自己慢慢找问题,今天终于找到问题所在了!
如果用TreePanel类中的autoScroll属性设置为true后,然后再使用treeEditor后,在用treeEditor时就会报上面的错误了!

所以我们要在extjs2.2.1中使用treeEditor就需要把treePanel中的autoScroll设置为false(默认为false)

这样在IE中就不会报错了!

太囧了!

举个例子:

var tree=new Ext.tree.TreePanel({
			el:"tree",
			enableDD: true,
			loader:loader,
             //如果用2.2.1并且用treeEditor这里一定要设置成false,或者用默认的
                           autoScroll:false
		}
		);
var treeEditor=new Ext.tree.TreeEditor(tree,{
		allowBlank:false
	});








上面标住了需要注意的地方,希望大家注意啊,这个折磨我2天了!
分享到:
评论
2 楼 saiyaren 2012-05-10  
hurenchaoku 写道
这个的确可以把TreeEditor的问题解决,但是这样滚动条就没有了。。。

那没办法,2选一呗,但是后面的新版本不知道是否解决这个错误了
1 楼 hurenchaoku 2012-05-10  
这个的确可以把TreeEditor的问题解决,但是这样滚动条就没有了。。。

相关推荐

    EXTJS2.2.1中Grid表头的下拉菜单很难看

    在EXTJS 2.2.1版本中,用户可能会发现Grid表头的下拉菜单在视觉呈现上不尽如人意,这可能是由于默认样式或自定义样式配置不当导致的。 EXTJS的Grid组件允许用户对列进行排序、分组、过滤等操作,而表头的下拉菜单...

    extjs2.2.1

    再加上可编辑grid,添加新行,删除一或多行,提示多行数据,推拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...

    ExtJS 2.2.1

    ExtJS 2.2.1,目前ExtJS已经更新到ExtJS3了。给需要ExtJS 2.2.1的人分享。

    ExtJS2.0教程.chm +Extjs2.2.1压缩包

    通过教程和API文档,开发者可以掌握创建复杂的Web应用程序所需的技能,而实际的库文件则允许他们在项目中直接使用ExtJS的功能。同时,变更日志和许可协议为开发者提供了版本管理和合规性信息。通过深入研究这些资源...

    extjs 2.2.1 + mysql 5.x + jdk 5.0

    在这个项目中,开发者可能使用ExtJS 2.2.1 创建前端界面,通过AJAX与后端的MySQL 5.x 数据库进行数据交互,而JDK 5.0 则是Java服务器端程序的基础,用于处理HTTP请求、操作数据库以及提供Web服务。"Demo"可能是项目...

    extjs_2.2.1

    extjs_2.2.1版本。里面还附带例子的哦

    Extjs tree实例【源代码】

    ExtJs 2.2.1 tree实例,内附mysql数据文件 1. 数据节点一次性加载 2. 节点分为两个类(项目和设备) 3. 右键菜单 4. 节点增、删、改操作 ....... 后台是java struts1。 本例旨在说明extjs的tree操作,后台操作很简陋...

    ExtJs4 Checkbox tree

    ExtJs4 Checkbox Tree是基于ExtJs 4框架实现的一种特殊树形组件,它在传统的树形结构基础上增加了复选框功能。这种组件常用于需要用户多选树形数据的场景,比如权限设置、目录选择等。下面将详细介绍ExtJs4 Checkbox...

    extjs的tree的使用

    在深入探讨ExtJS中Tree组件的使用之前,我们先来了解一下ExtJS本身。ExtJS是一个用JavaScript编写的开源前端框架,旨在帮助开发者构建复杂、高性能的Web应用程序。它提供了丰富的UI组件库,其中包括Tree(树形)组件...

    ext-2.2.1.rar

    这个“ext-2.2.1.rar”压缩包包含EXTJS库的2.2.1版本,它是EXTJS发展过程中的一个重要里程碑,为开发者提供了丰富的组件和功能,使得在浏览器端创建复杂的用户界面变得更为便捷。 EXTJS的核心是其组件模型,它提供...

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

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

    Exjts2.2.1中datefield控件在IE8下显示不全BUG

    在使用Extjs2.2.1版本开发Web应用时,可能会遇到一个特定的问题:`datefield`控件在Internet Explorer 8(简称IE8)浏览器中的显示存在问题,具体表现为控件内容无法完全展示出来。这个问题对于依赖于Extjs框架进行...

    Extjs的Tree和Tab使用json做tree数据交互

    在ExtJS中,Tree和Tab是两种常用的组件,分别用于展示层次结构的数据(如目录结构)和创建多页面布局。本篇文章将详细探讨如何利用JSON数据来实现这两者的交互。 首先,让我们了解一下`Tree`组件。在ExtJS中,Tree...

    ExtJs Tree

    给定的部分代码展示了如何在ExtJs应用中实现一个带有树形面板的功能模块: #### 初始化 - **命名空间创建**:`Ext.ns('Ext.mypanels');`用于创建一个名为`Ext.mypanels`的命名空间。 - **准备函数**:`Ext.onReady...

    Extjs Tree + JSON + Struts2 示例源代码

    5. **jQuery 和 DWR**: 虽然在标签中提到了jQuery和DWR,但在这个特定的标题和描述中没有明确它们的使用。jQuery是一个广泛使用的JavaScript库,简化了DOM操作、事件处理和Ajax交互。Direct Web Remoting (DWR) 是另...

    Extjs复习笔记(二十)-- tree和grid结合

    在EXTJS这个强大的JavaScript框架中,Tree和Grid是两种非常重要的组件,它们分别用于展示层次结构的数据和表格数据。在实际应用中,有时我们需要将这两种数据展现方式结合起来,以提供更丰富的用户界面和交互体验。...

    ExtJS 2.2.1的grid控件在ie6中的显示问题

    在深入探讨ExtJS 2.2.1的grid控件在IE6中显示问题之前,首先需要理解ExtJS和grid控件的基本概念。ExtJS是一个JavaScript库,它提供了丰富的用户界面组件,用于构建复杂的Web应用程序,特别适合于富客户端(Rich ...

    动态加载extjs tree

    ExtJS Tree是Ext JS库中的一个组件,用于创建和展示层次结构的数据,通常表现为树形结构。这个组件在Web应用程序中广泛使用,特别是在需要管理有层级关系的数据时,如文件系统、组织架构或者导航菜单等。动态加载是...

    Extjs的tree

    在ExtJS中,可以使用`Ext.data.proxy.WCF`作为数据代理,配置WCF的服务地址和方法,以异步方式加载树数据。 7. **自定义节点** 除了基本的文本和图标,节点还可以包含其他组件,如按钮、输入框等,以增强交互性。...

Global site tag (gtag.js) - Google Analytics