Extjs4---Cannot read property 'addCls' of null 或者 el is null 关于tab关闭后再打开不显示或者报错

做后台管理系统时遇到的问题,关于tab关闭后再打开不显示,或者报错

我在新的tabpanel中加入了一个grid,当我关闭再次打开就会报错Cannot read property 'addCls' of null,

原因是我在定义grid的错误

这是错误代码:

Ext.define('HT.view.Grid',{  
    extend:'Ext.grid.Panel',  
 
    title : '人员列表',  
    width:400,  
    height:170,  
    frame:true,  
    store: {  
        fields: ['id','name','sex','age','birthday'],  
        proxy: {  
            type: 'ajax',  
            url : 'users',  
            reader: {  
                type: 'json',//Ext.data.reader.Json解析器 
                root: 'users' 
            }  
        },  
        autoLoad: true 
    },  
    columns: [//配置表格列 
 new Ext.grid.RowNumberer(),//表格行号组件 
        {header: "编号", width: 80, dataIndex: 'id', sortable: true},  
        {header: "姓名", width: 80, dataIndex: 'name', sortable: true},  
        {header: "年龄", width: 80, dataIndex: 'age', sortable: true},  
        {header: "性别", width: 80, dataIndex: 'sex', sortable: true},  
        {header: "生日", width: 80, dataIndex: 'birthdate', sortable: true}  
    ]  
 
});  

应该改为这个:

Ext.define('HT.view.Grid',{  
    extend:'Ext.grid.Panel',  
    title : '人员列表',  
 
    initComponent:function(){  
        Ext.apply(this,{  
            width:400,  
            height:170,  
            frame:true,  
            store: {  
                fields: ['id','name','sex','age','birthday'],  
                proxy: {  
                    type: 'ajax',  
                    url : 'users',  
                    reader: {  
                        type: 'json',//Ext.data.reader.Json解析器 
                        root: 'users' 
                    }  
                },  
                autoLoad: true 
            },  
            columns: [//配置表格列 
 new Ext.grid.RowNumberer(),//表格行号组件 
                {header: "编号", width: 80, dataIndex: 'id', sortable: true},  
                {header: "姓名", width: 80, dataIndex: 'name', sortable: true},  
                {header: "年龄", width: 80, dataIndex: 'age', sortable: true},  
                {header: "性别", width: 80, dataIndex: 'sex', sortable: true},  
                {header: "生日", width: 80, dataIndex: 'birthdate', sortable: true}  
            ]  
        }),  
 this.callParent(arguments);  
    }  
 
});  

看样子属性的设置都要用apply方法设置进去,nnd,这个问题整了两天,终于解决了

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏hbbliyong

对于Ext.data.Store 介紹 与总结,以及对以前代码的重构与优化

     对于Ext.data.Store 一直不是很了解,不知道他到底是干嘛的有哪些用处,在实际开发中也由于不了解也走了不少弯路, store是一个为Ext器...

2905
来自专栏互联网开发者交流社区

Ext简单demo示例

995
来自专栏AndroidTv

【Android】再来一篇Fragment的懒加载(只加载一次哦)

2017-7-14更新: 目前有人使用后出现了诸如首次打开显示空白界面,但点击有反应;或来回切换又变空白界面的问题。这些问题我暂时还不知道该怎么解决,后期有时...

3437
来自专栏静晴轩

Android WebView全面总结

WebView是安卓中用来显示html文本内容的的控件,对html5也有很好的支持,ios的控件UIWebView差不多。网上对WebView的解释很多,但都是...

3137
来自专栏代码GG之家

android recent key长按事件弹起触发最近列表故障分析

问题描述 [Dialer]it will appear different behaviors after long press the menu to ex...

1845
来自专栏IMWeb前端团队

ES6 + Babel + React低版本浏览器采坑记录

本文作者:IMWeb 何璇 原文出处:IMWeb社区 未经同意,禁止转载 有个项目要兼容IE8-10 某天,胆大的某前端开发由于业务需要升级了项目依赖...

2999
来自专栏转载gongluck的CSDN博客

波形音频(WAVE)底层接口的学习与使用

在WINDOWS下,音频函数有多种类型,如MCI、多媒体OLE控制、高级音频等,使用方法都比较简单。 但如果想编写一个功能较强大的音频处理程序,那...

6225
来自专栏Seebug漏洞平台

CVE-2017-16943 Exim UAF漏洞分析

作者:Hcamael@知道创宇404实验室 感恩节那天,meh在Bugzilla上提交了一个exim的uaf漏洞:https://bugs.exim.org/s...

3456
来自专栏听雨堂

ASP.NET TreeView相关问题

1、用代码在treeview web控件中,添加node的方法 表字段:编号,父编号,名称 数据: 1 0 中华人民共和国 2 1 湖南 3 1 湖北...

1757
来自专栏熊二哥

Markdown快速入门

现在博文写作次数渐渐变多,经常看到很多园友的博文样式都非常的美观,个人虽然是个土鳖,但对美也是有很强需求的,同时由于最近将要上线一个博客项目,因此也很关心如何可...

2046

扫描关注云+社区