如何在Sencha touch 2中的Ext.Msg.prompt中显示视图？

Question

我知道在Sencha Touch中，我们可以使用以下代码显示弹出窗口：

  

new Ext.MessageBox（）。show（{

             title: 'Prompt Box',
              message:'Welcome'            
                });

在我的应用程序中，我创建了一个更改密码的视图。任何因为视图太小，我不希望它占据整个屏幕。我想在消息提示中显示该视图。我怎么能完成这个？

Answer 1

您应该在密码更改视图中使用modal: true布局，而不是使用MessageBox。

您可以简单地显示此视图（看起来像弹出窗口）。

Answer 2

这可以做到这一点..

一切顺利。

Ext.create('APP.view.Dialog', {
            msg: "Change Password </br>",
              items: [  {
                              xtype: 'textfield',
                        name: 'password1',
                        fieldLabel: 'location'
                          handler: function() {
                var value1 = document.getElementById('textInput1').value;
//validate 
                   // 
                }
                    },
{
                        xtype: 'textfield',
                        name: 'password2',
                        fieldLabel: 'location'
                          handler: function() {
                var value1 = document.getElementById('textInput1').value;
//validate 
                   // 
                }
                    }],
        buttons: [
                           {
                ui: 'red',
                text: "Change Password",
                handler: function() {
                this.getParent().hide();
                   // 
                }
            }
        ]
    }).show();