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 条评论
登录 后参与评论

相关文章

来自专栏BinarySec

一些pwn题目的解题思路[pwnable.kr] II

目录 以下是solution的目录 #mistake #shellshock #coin1 #blackjack #lotto #cmd1 Other 一些pw...

41950
来自专栏ml

caffe源码学习之Proto数据格式【1】

前言:   由于业务需要,接触caffe已经有接近半年,一直忙着阅读各种论文,重现大大小小的模型. 期间也总结过一些caffe源码学习笔记,断断续续,这次打算系...

69080
来自专栏Laoqi's Linux运维专列

HP服务器Linux下hpacucli常用命令

48560
来自专栏开发技术

spring-boot-2.0.3之quartz集成,不是你想的那样哦!

    晚上回家,爸妈正在吵架,见我回来就都不说话了,看见我妈坐在那里瞪着我爸,我就问老爸“你干什么了惹我妈生这么大气?”  我爸说“没有什么啊,倒是你,这么大...

30030
来自专栏乐沙弥的世界

基于RMAN从活动数据库异机克隆(rman duplicate from active DB)

      Oracle 11g RMAN能够实现基于活动数据库进行异机克隆,从而省去需要先备份再ftp到辅助服务器的过程。这一切可以全部交给Oracle来搞定...

12730
来自专栏用户画像

spring定时任务之quartz

Spring整合Quartz实现定时任务步骤很简单,大致需要经过如下几步:创建任务(Job)、配置JobDetail、配置触发器(Trigger)、配置Sche...

8910
来自专栏狂码一生

用MFC写一个聊天室程序 - 学习笔记

下面的服务器端与客户端的程序与步骤是我在学习MFC网络编程写一个聊天室程序所写的程序,在这里作一个笔记,也希望能帮到一部分刚刚学习的朋友,一起共勉,一起努力历进...

1.1K150
来自专栏coding...

Flutter 简易新闻项目目标效果对比简介代码代码地址

使用flutter快速开发 Android 和 iOS 的简易的新闻客户端 API使用的是 showapi(易源数据) 加载热门微信文章

21520
来自专栏芋道源码1024

面试问烂的 Spring MVC 过程

来源:https://www.jianshu.com/p/e18fd44964eb

20130
来自专栏菩提树下的杨过

Silverlight Telerik控件学习:弹出窗口RadWindow

几乎所有的业务系统都有弹出窗口,典型场景有二种 : 1、简单的弹出一个对话框显示信息,比如下面这样: ? 这个很简单,代码示例如下: DialogParamet...

22150

扫码关注云+社区

领取腾讯云代金券