在我的extjs6项目中,我有一个contextmenu按钮,它启动了一个带有网格的模式弹出窗口。我试图创建它,因此它只创建一次组件,并且每次单击contextmenu项时都不会创建该窗口,但是我做错了事。
它第一次起作用,但是当我第二次单击它时,我得到一个错误 无法读取null的属性“ viewModel”。
有人可以看到我在做什么吗?
当我进入this.tempWindow.show()
时出现错误VIEW,窗口是弹出窗口,网格是itemcontext菜单所在的位置
Ext.define('Window2', {
extend: 'Ext.window.Window',
xtype: 'window2',
title: 'Market Breakdown',
width: 600,
height: 600,
modal: true,
controller: 'portalRealtime-portalRealtime',
viewModel: {
type: 'portalRealtimeVM'
},
items: [{
xtype: 'grid',
title: 'hello',
width: 200,
height: 200
}]
});
xtype: 'grid',
title: 'Details',
itemId: 'detailsGridID',
bind: {
store: '{myDetailsStore}'
},
flex: 3,
margin: '5px 0px 0px 0px',
ui: 'featuredpanel-framed',
cls: 'custom-grid',
height: '100%',
collapsible: true,
collapseDirection: 'left',
listeners: {
itemcontextmenu: 'showContextMenuDetails'
},
控制器
showContextMenuDetails: function (view, rec, node, index, e) {
e.stopEvent();
this.getContextMenuDetails(rec).show().setPagePosition(e.getXY());
return false;
},
getContextMenuDetails: function (rec) {
if (!this.contextMenu) {
this.contextMenu = this.getView().add({
xtype: 'contextMenuMarketDrilldownAccount',
currentRecord: rec
});
}
return this.contextMenu;
},
onContextButtonMarketDrilldown: function (item, e) {
var menu = item.up('menu');
var rec = menu.currentRecord;
var bbSymbol = rec.get('BBSymbol');
debugger;
if (!this.tempWindow) {
this.tempWindow = this.getView().add({
xtype: 'window2',
});
}
this.tempWindow.show();
},
答案 0 :(得分:1)
请尝试使用控制器和viewModel正确配置viewModel和controler属性。
Ext.define('Window2', {
extend: 'Ext.window.Window',
xtype: 'window2',
title: 'Market Breakdown',
width: 600,
height: 600,
modal: true,
viewModel: {
type: 'Window2' //Yout window viewModel
},
controller: 'Window2', //Your window controller,
items: [{
xtype: 'grid',
title: 'hello',
width: 200,
height: 200
}]
});