Extjs 实战之 Ext.tree.TreePanel Tree无法显示

最新推荐文章于 2021-02-23 12:24:55 发布

oscar999

最新推荐文章于 2021-02-23 12:24:55 发布

阅读量5.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： 130-Web语言 Ext JS开发大全文章标签： extjs tree firefox class header json

本文链接：https://blog.csdn.net/oscar999/article/details/7210517

130-Web语言同时被 2 个专栏收录

219 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

Ext JS开发大全

190 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了在使用Ext.ux.tree.ColumnTree时遇到的问题，具体表现为Firefox下显示正常，但在IE中TreePanel的数据部分无法显示。问题根源在于IE不支持"class"作为列名，建议改为"classname"。同时，不规范的JSON数据格式也可能导致类似问题，特别是在Firefox和IE表现不一致的情况，排查方法是从数据格式入手，逐个检查数据和字段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里使用的是 Ext.ux.tree.ColumnTree，这是一个TreePanel的扩展类，从Extjs下载的官方包里就包含了这个。

问题描述： tree 的头部显示正常，数据部分在Firefox 显示正常，在IE中无法显示。(如以下code)

原因解析： class不能作为column 的名字，在IE中会有问题，建议换成其他的,比如classname这样的。

    var tree = new Ext.ux.tree.ColumnTree({   
        id: 'TreeGridId',
        width: 1000,
        height: "100%",
        rootVisible:false,
        autoScroll:true,
        title: '  ',
        renderTo: Ext.getBody(),

        columns:[{
            header:'Name',
            width:180,
            dataIndex:'name'
        },{
            header:'Class',
            width:100,
            dataIndex:'class'
        },{
            header:'Owner',
            width:100,
            dataIndex:'owner'
        }