var html ="<
iframe src="' + fileUrl + '"  width="1024"  height="680"  frameborder="0" scrolling="yes" ></iframe>";

       var reportPanel = new Ext.Panel({
            floating: true,
           // modal: true,
            centered: true,
            id: 'reportPanel',
            width: 1024,
            height: height + 50,
            // scroll: 'vertical',
            dockedItems: [{
                xtype: 'toolbar',
                dock: 'top',
                items: [
                    {
                        iconMask: true,
                        ui: 'back',
                        iconCls: 'reply',
                        handler: function () {
                            location.reload();
                        }
                    },
                    {
                        xtype: 'spacer'
                    }
                ]
            }],
            hideOnMaskTap: false,
            stopMaskTapEvent: false,
            fullscreen: false,
            html: html
        });

        reportPanel.setCentered(true);
        reportPanel.show('pop');