Wie kann ich sind zwei Textfelder in Ext.Msg.show

Question

Wie kann ich die Ext.Msg.show in sencha ändern nun zeigen zwei Text boxes.Right es unterstützt nur eine Textbox, wenn wir setzen prompt: true

Ext.Msg.show({ 
    title: 'Enter values', 
    width: 500, 
    buttons: Ext.Msg.OKCANCEL, 
    multiline: true, 
    prompt:true, 
}); 

Answer 1

Die einfachste Lösung ist nur ein Fenster zu erstellen. Wie Evan im Kommentar sagte, ist die MessageBox nur ein Ext.window.Window ein wenig mehr Breite ..

a Hier ist ein Beispiel Definition fiddle

arbeiten:

Ext.define('MyApp.view.Login', { 
    extend: 'Ext.window.Window', 
    height: 220, 
    width: 490, 
    layout: 'fit', 
    modal: true, 
    buttonAlign: 'left', 
    closable: false, 
    items: [ 
     { 
      xtype: 'form', 
      frame: false, 
      border: 0, 
      layout: { 
       type: 'hbox', 
       align: 'middle' 
      }, 
      fieldDefaults: { 
       msgTarget: 'side', 
       labelWidth: 55 
      }, 
      items: [ 
       { 
        xtype: 'container', 
        flex: 1, 
        padding: 10, 
        layout: { 
         type: 'vbox', 
         align: 'stretch' 
        }, 
        items: [ 
         { 
          xtype: 'textfield', 
          name: 'username', 
          fieldLabel: 'Username', 
          allowBlank: false, 
          flex: 1 
         }, 
         { 
          xtype: 'textfield', 
          name: 'password', 
          fieldLabel: 'Password', 
          inputType: 'password', 
          allowBlank: false, 
          flex: 1 
         } 
        ] 
       } 
      ] 
     } 
    ], 
    buttons: [ 
     { 
      text: 'Login', 
      handler: function() { 
       Ext.Msg.alert('This is not yet implemented.').show(); 
      } 
     } 
    ] 
}); 

Dann können Sie einfach erstellen und zeigen die Fenster:

Ext.create('MyApp.view.Login').show(); 

Answer 2

die msg Eigenschaft des Ext.MessageBox als HTML machen wird, so dass Sie es zwei HTML-Eingänge und u zeigen kann sagen, dann die Werte von diesen mit so etwas wie

Ext.Msg.show(
{ 
    title: 'Enter values:', 
    width: 500, 
    buttons: Ext.Msg.OKCANCEL, 
    msg: 'Value1: <input type="text" id="textInput1" /><br />Value 2: <input type="text" id="textInput2" />', 
    fn: function (button) 
    { 
     var value1 = document.getElementById('textInput1').value; 
     var value2 = document.getElementById('textInput2').value; 
    } 
}); 

se Obwohl, je nachdem, was Sie versuchen, ein Fenster zu tun, wobei als vorgeschlagen werden, um eine bessere Lösung