Javascript 使用extjs在面板内使用选项卡的卡片布局

当我创建一个新的extjs面板时，在另一个面板中有一个卡片布局，我将得到以下错误：

“未捕获的TypeError:无法读取null的属性'addClsOnOver'”

此错误的含义是什么？我如何修复此错误

面板内：这是我希望在此页面中显示此面板项内的选项卡式面板

Ext.define('app.view.dashboard.DashboardLeft', {
extend: 'Ext.panel.Panel',
xtype: 'dashboardLeft',

requires: [
    'Ext.layout.container.VBox',
    'OPENhrm.view.dashboard.widget.*'
],

controller: 'dashboard-dashboardLeft',

viewModel: {
    type: 'dashboard-dashboardLeft'
},

layout: {
    type: 'vbox',
    pack: 'start',
    align: 'stretch'
},

defaults: {
    frame: false
},

items: [{
    flex: 1,
    xtype: 'taskboard' // show tabbed panel
}]
});

选项卡式面板：

Ext.define("app.view.dashboard.widget.Taskboard", {
extend: 'Ext.tab.Panel',

requires: [
    'Ext.layout.container.Card'
],

xtype: 'taskboard',
controller: 'taskboard',

viewModel: { 
    type: 'taskboard' 
},

id: 'taskboard',

// tabs
items:[{
    title: 'tab 1',
    html: 'test 1'
}, {
    title: 'tab 2',
    html: 'test 2'
}, {
    title: 'tab 3',
    html: 'test 3'
}]
});

---

jquery标记的作用是什么？你不应该在同一个应用程序中混合使用ExtJs和jquery。这是因为你调用的对象的方法为null。这可能是因为您没有从控制器或您正在执行的任何操作中恢复，我认为在本例中正确的对象是“任务板”。