我正在尝试使用Sencha Touch 2在弹出窗口中实现按钮。 按钮如何工作?我想要一个按钮关闭窗口,另一个按钮调用doSomething函数。
function foo(){
Ext.Viewport.add({
xtype: 'panel',
scrollable: true,
centered: true,
width: 400,
height: 300,
items:[
{
docked: 'bottom',
xtype: 'titlebar',
items:[
{
xtype: 'button',
ui: 'normal',
text: 'Do Something',
go: 'testsecond'
},
{
xtype: 'button',
ui: 'normal',
text: 'Close',
go: 'testsecond',
},
]
},
]
});//Ext.Viewport.add
}
function doSomething() {
console.log('hi');
}
答案 0 :(得分:1)
只需在按钮中添加一个处理程序,如
{
xtype: 'button',
ui: 'normal',
text: 'Close',
go: 'testsecond',
handler:doSomething
}
或
{
xtype: 'button',
ui: 'normal',
text: 'Close',
go: 'testsecond',
handler:function(){
//do something.
}
}
答案 1 :(得分:1)
我认为,你需要在Sencha Touch中使用与叠加相似的东西。
由于您要弹出窗口,因此您应该将此面板设置为浮动面板。
以下是它们的工作原理:
Ext.Loader.setConfig({
enabled: true
});
Ext.application({
name: 'FloatingPanelWindow',
launch: function() {
overlay = Ext.Viewport.add({
xtype: 'panel',
scrollable: true,
modal: true, // to make it floating
hideOnMaskTap: true, // close the window by clicking on mask outside popup window
centered: true,
width: 400,
height: 300,
items:[
{
docked: 'bottom',
xtype: 'titlebar',
items:[
{
xtype: 'button',
ui: 'normal',
text: 'Do Something',
listeners : {
tap : function() {
overlay.hide(); // to close this popup window.
Ext.Msg.alert("Clicked on DoSomething"); //callDoSomethingMethod(); // perform your task here.
}
}
},
{
xtype: 'button',
ui: 'normal',
text: 'Close',
listeners : {
tap : function() {
overlay.hide();
}
}
},
]
},
]
});//Ext.Viewport.add
}
});
这是您将获得的示例输出。
答案 2 :(得分:0)
这里很简单
{
xtype: 'button',
ui: 'normal',
text: 'Do Something',
go: 'testsecond',
handler:function(){
//do something.
}
},
{
xtype: 'button',
ui: 'normal',
text: 'Close',
go: 'testsecond',
handler:function(){
//popup_window.hide();
}
}