分析1、特别注意，ExtJs在定义ID时必须是全局唯一性,当打开两个界面,两个界面中组件ID相同，当关闭其中一个页面时，组件销毁，在另一个页面时将找不到父节点。因为不知道销毁的是哪一个组件。

特别是在封装通用组件时，不要定义组件的ID，而要改成itemId,否则不同页面同时显示时用到相同的组件ID，就会出现如下错误：TypeError: Cannot read property 'parentNode' of undefined.

分析2、Extjs开发一个系统，各个页面定义组件ID的时候，必须是全局唯一性，否则当加载有同一个ID的两个页面的组件后，关闭其中一个页面会因为不能确定关闭是那个组件就报找不到父亲节点的错误：

TypeError: Cannot read property 'parentNode' of undefined.

这个错误是指：没有父节点，都是野孩子，并不是指‘parentNode’这个属性没有定义，但可以理解为某个属性定义错误，这个错误害足足找了一天啊。

Extjs 中id与itemId的区别

为了方便表示或是指定一个组件的名称，我们通常会使用id或者itemId进行标识命名。（推荐尽量使用itemId，这样可以减少页面唯一标识而产生的冲突）

id：
id是作为整个页面的Component的唯一标识，这也意味着在整个页面中只允许有唯一一个名称的id，同时这里的Component的id也将变为element中的id，所以如果出现了两个，页面将会出现崩塌变形等等不可以想象的问题。
而作为一个组件是必须有自己的唯一标识(id)的，在没有设置Component的id的时候系统将自动为组件添加id

itemId：
itemId是用于container底下的元件的，这也说明itemId只是一个局部的元件标识名称，在全局上是不需要遵循唯一性的。

从上面的叙述中可以看出一些使用上需注意的地方

若你要取得相关的Component 若是属于container 请设置id
若是只属于某个container 底下的元件，请设置itemId；某些情况下当然你也可以连同id 一起设置，比如需要改变css style，除此之外itmeid 还是优先的选择
getCmp 以及getComponent 是不一样的，使用上必须注意，必须搭配id 以及itemid 使用

如此一来id 与itemid 就会有从属关系，非必要不需定义id，也不会造成在定义id 时需要编码避免重覆，而因为itemid 是属于某个id 底下的，所以即使itemid 重覆，也可以利用唯一的id 利用Ext.getCmp 取得参照后，在接着使用getComponent 取得所属itemId 的参照。

怎么获取id和itemId的组件和元件（从以上可以明显的看出，itemId是个局部的元件名称）：

id： Ext.getCmp(id)；

itemId：Ext.getCmp(id).getComponent(itemId)；.

参考链接:

https://blog.csdn.net/heirenheiren/article/details/39932979

Extjs4---Cannot read property 'addCls' of null
https://blog.csdn.net/heirenheiren/article/details/39896029

https://forum.sencha.com/forum/showthread.php?108750-TypeError-Cannot-read-property-parentNode-of-undefined

【ExtJs】TypeError: Cannot read property ‘parentNode‘ of undefined相关推荐

【Webpack】TypeError: Cannot read property ‘tap‘ of undefined at HtmlWebpackPlugin.
[Webpack]TypeError: Cannot read property 'tap' of undefined at HtmlWebpackPlugin. 报错如下: 解决办法: 下载安装指定 ...
【微信小程序报错解决方法】TypeError: Cannot read property ‘setData‘ of undefined
场景自己在调用 wx.getSystemInfo({}) 时,开发工具自动补全了代码.在 success 回调中按照以往的写法调用 this.setData({ }); 时,报错:TypeError ...
【微信小程序】TypeError: Cannot read property ‘get‘ of undefined Error: MiniProgramError
微信小程序[渲染层错误] TypeError: Cannot read property ‘replace‘ of undefined 【解决办法】
微信小程序报错: [渲染层错误] TypeError: Cannot read property 'replace' of undefinedat rewritor (http://127.0.0.1 ...
微信小程序[渲染层错误] TypeError Cannot read property ‘replace‘ of undefined 【解决办法】
微信小程序报错: [渲染层错误] TypeError: Cannot read property 'replace' of undefinedat rewritor (http://127.0.0.1 ...
接上一篇：【Vue 项目打包后访问报错：Uncaught TypeError: Cannot read property 'call' of undefined】
上一篇:Vue 项目打包后访问报错:Uncaught TypeError: Cannot read property 'call' of undefined 其实在修改 webpack.prod.co ...
【StackFlow】Uncaught TypeError: Cannot read property 'pageCount' of undefined
Exception 使用Ext JS 4 分页查询时,当查询结果为0时报错: Uncaught TypeError: Cannot read property 'pageCount' of undef ...
Nodejs报内部错误 TypeError: Cannot read property ‘destroy‘ of undefined的解决方法
Nodejs报内部错误 TypeError: Cannot read property 'destroy' of undefined的解决方法 [现象] 内部错误 TypeError: Cannot ...
Error in render: “TypeError: Cannot read property ‘banners‘ of undefined“” 渲染错误问题（render是渲染时候报错的）
[vue踩坑]Error in render: "TypeError: Cannot read property 'banners' of undefined"" 渲染错 ...

【ExtJs】TypeError: Cannot read property ‘parentNode‘ of undefined

Extjs 中id与itemId的区别

【ExtJs】TypeError: Cannot read property ‘parentNode‘ of undefined相关推荐

最新文章

热门文章