button - Ext.MessageBox の右上隅にカスタムの閉じるボタンを埋め込む方法 Sencha Touch 2.0

Question

ボタンをクリックすると MessageBox が閉じるように、Sencha Touch 2.0 の Ext.MessageBox の右上隅にあるクローズ (X ボタン) を取得する方法を見つけようとしています。

Answer 1

この素晴らしいチュートリアルをご覧になることをお勧めします: フローティング sencha タッチパネルにアクション ボタンを追加する

説明は ST1 用ですが、ST2 でこれを達成する方法を理解するのに役立つ場合があります。

お役に立てれば。

Answer 2

ニーズを満たす組み込みの構成はないため、手動で行う必要があります。

Ext.MessageBoxは単なるfloatandmodal Ext.Containerであるため、通常のコンテナのようにカスタマイズできます。

このようなことを試してみましょう (このコードは、Sencha 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();

それが役に立てば幸い。