![](/img/trans.png)
[英]Uncaught TypeError: binding.destroy is not a function in ExtJs 5
[英]Extjs 6.2 Uncaught TypeError: touchScrollable.getElement is not a function
有人看过这个错误吗? 我们将应用程序升级到extjs 6.2,当我通过平板电脑(通过chrome的开发人员工具)打开它时,出现以下错误。
控制台错误详细信息
ext-all-debug.js:163023 Uncaught TypeError: touchScrollable.getElement is not a function(…)
initEl @ ext-all-debug.js:163023
constructor @ ext-all-debug.js:162985
callParent @ ext-all-debug.js:12490
constructor @ ext-all-debug.js:239358
Ext.resizer.ResizeTracker @ ext-all-debug.js:13133
constructor @ ext-all-debug.js:239972
Ext.resizer.Resizer @ ext-all-debug.js:13133
initResizable @ ext-all-debug.js:70052
callParent @ ext-all-debug.js:12490
initResizable @ ext-all-debug.js:160828
onBoxReady @ ext-all-debug.js:68326
callParent @ ext-all-debug.js:12490
onBoxReady @ ext-all-debug.js:159716
afterFirstLayout @ ext-all-debug.js:61616
afterComponentLayout @ ext-all-debug.js:66470
callParent @ ext-all-debug.js:12490
afterComponentLayout @ ext-all-debug.js:138322
notifyOwner @ ext-all-debug.js:141439
callLayout @ ext-all-debug.js:235122
flushLayouts @ ext-all-debug.js:235270
runComplete @ ext-all-debug.js:235813
callOverrideParent @ ext-all-debug.js:1587
callParent @ ext-all-debug.js:12490
runComplete @ ext-all-debug.js:64529
run @ ext-all-debug.js:235800
flushLayouts @ ext-all-debug.js:64537
resumeLayouts @ ext-all-debug.js:64552
Ext.resumeLayouts @ ext-all-debug.js:70316
setActiveItem @ ext-all-debug.js:238424
setActiveItem @ ext-all-debug.js:139160
setLoggedIn @ Main.js?_dc=1479893621186:38
afterLoginResponse @ LoginController.js?_dc=1479893621378:99
success @ LoginController.js?_dc=1479893621378:82
callback @ ext-all-debug.js:8702
onComplete @ ext-all-debug.js:25783
onStateChange @ ext-all-debug.js:25737
(anonymous function) @ ext-all-debug.js:6859
Main.js代码
Ext.define('eProject.view.desktop.viewport.Main', {
extend: 'Ext.panel.Panel',
requires: [
'eProject.view.desktop.login.Main',
'eProject.view.desktop.main.Main'
],
xtype: 'app-desktop-viewport',
layout: 'card',
items: [
{
xtype: 'panel',
layout: 'center',
items: [
{
xtype: 'label',
text: 'Loading ...'
}
]
},
{
xtype: 'app-desktop-login'
},
{
xtype: 'app-desktop-main'
}
],
listeners: {
beforerender: function (panel) {
eProject.util.Localizer.update(panel, true);
}
},
localizerUpdate: function () {
eProject.util.Localizer.update(this, false);
},
setLoggedIn: function (status) {
if (status && status == true)
{
this.setActiveItem(2);
}
else
{
this.setActiveItem(1);
this.down('app-desktop-login').resetInput();
}
}
});
控制台错误中显示的行是this.setActiveItem(2);
更新1
在某些情况下,从面板中删除resizable: true
可以解决此问题。
更新2
这有点奇怪,但是注释了resizable: true
所有网格面板(和一个树面板)中的resizable: true
都解决了这个问题。
显然,将项目升级到extjs 6.2.1可以解决此问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.