Как встроить пользовательскую кнопку закрытия в верхнем правом углу Ext.MessageBox Sencha Touch 2.0

Question

Я пытаюсь найти способ приблизиться (кнопка X) в верхнем правом углу Ext.MessageBox в Sencha Touch 2.0, чтобы при нажатии кнопки она закрывала MessageBox.

Answer 1

Нет встроенной конфигурации, которая соответствует вашим потребностям, поэтому вам нужно сделать это вручную.

Обратите внимание, что Ext.MessageBox просто float и modalExt.Container, так что вы можете настроить его как обычный контейнер.

Давайте попробуем что-то вроде этого (вы можете редактировать этот код переживет Сенч Touch, 2 документации здесь:

http://docs.sencha.com/touch/2-0/#!/api/Ext.MessageBox

var box = Ext.create('Ext.MessageBox', 
         { 
          id: 'message-box', 
          title: 'title', 
          message: 'message', 
          items: [ 
           { 
           xtype: 'toolbar', 
           height: '40px', 
           docked: 'top', 
           items: [ 
            {xtype: 'spacer'}, 
            {xtype: 'button', 
             text: 'X', 
             ui: 'plain', 
             style: {padding: '5px'}, 
             handler: function(){Ext.getCmp('message-box').hide();} 
            }, 
           ], 
           } 
          ] 
         }); 
    box.show(); 

Надеется, что это помогает

Answer 2

Вы можете посмотреть. в этом хорошем учебнике: Add action buttons to floating sencha touch panels

Объяснение для ST1, но это может быть h elp вы понимаете, как вы могли бы добиться этого в ST2.

Надеюсь, это поможет.