Ememo

Sencha Touchでフローティングパネルを生成する方法メモ。

        var pPanel = new Ext.Panel({
            floating: true, //これをtrueにする
            cls: 'popupPanel', //パネルに追加したいクラス名
            width: '100%',
            height: '100%',
            modal: true,
            centered: true,
            listeners: { 
                show: {
                    fn: function () {
                        //表示されたときの処理
                    }
                },
                hide: {
                    fn: function () {
                        //非表示のときの処理。1度きりのコンテンツであればdestroyを呼ぶと◯
                        this.destroy();
                    }
                }
            }
        });

        pPanel.show();