List Sencha Touch2:无法在单击按钮时关闭浮动面板?
我是Sencha Touch2新手,在销毁浮动面板时遇到问题。我在列表项单击时在列表视图顶部显示浮动面板的详细信息。我想在单击“取消”按钮时销毁浮动面板。有人可以帮助我吗。谢谢List Sencha Touch2:无法在单击按钮时关闭浮动面板?,list,sencha-touch-2,panel,List,Sencha Touch 2,Panel,我是Sencha Touch2新手,在销毁浮动面板时遇到问题。我在列表项单击时在列表视图顶部显示浮动面板的详细信息。我想在单击“取消”按钮时销毁浮动面板。有人可以帮助我吗。谢谢 FloatingPanel.js: Ext.define('CustomList.view.FloatingPanel', { extend: 'Ext.Panel', alias: 'widget.FloatingPanel', xtype:'datepanel', config: {
FloatingPanel.js:
Ext.define('CustomList.view.FloatingPanel', {
extend: 'Ext.Panel',
alias: 'widget.FloatingPanel',
xtype:'datepanel',
config: {
id:'floatingPanel',
modal:true,
centered: true,
hideOnMaskTap:true,
width:'500px',
height:'650px',
items:[
{
styleHtmlCls:'homepage',
tpl:'<h4>{name1}</h4><h3>{name2}</h3><h3>{name3}</h3><h3>{name4}'
},
{
xtype:'toolbar',
docked:'bottom',
items:[{
text:'OK',
ui:'confirm',
action:'ShowTurnOverReport',
listeners : {
tap : function() {
console.log('Ok');
}
}
},
{
text:'Cancel',
ui:'confirm',
action:'Cancel',
listeners : {
tap : function() {
console.log('Cancel');
var panelToDestroy = Ext.getCmp('floatingPanel');
panelToDestroy.destroy();
}
}
}]
}
]
}
});
一个明显的问题是:
Ext.getCmp('floatingPanel');
将应用于案例id:'floatingPanel'
,而您使用的是itemid:'floatingPanel'
要检索itemId
,您可以使用:
在这里编一把小提琴上面的对我不起作用。我已经更新了代码,如果使用“itemId”,则使用“id”。这对我有用,谢谢。
Main.js
Ext.define('CustomList.controller.Main', {
extend: 'Ext.app.Controller',
requires:['CustomList.view.FloatingPanel'],
config: {
refs: {
listView: 'listitems'
},
control: {
'main test2 list': {
activate: 'onActivate',
itemtap: 'onItemTap'
}
}
},
onActivate: function() {
console.log('Main container is active');
},
onItemTap: function(view, index, target, record, event) {
console.log('Item was tapped on the Data View');
var name1 = record.get('name1');
console.log('Item was tapped on the Data View'+name1);
var floatingDatePanel = Ext.create('CustomList.view.FloatingPanel');
var data = record.getData();
floatingDatePanel.getAt(0).setData(data);
Ext.Viewport.add(floatingDatePanel);
}
});
Ext.getCmp('floatingPanel');
Ext.ComponentQuery.query('#floatingPanel')[0];