extjs - Ext obj をコピーして HTML として表示する方法

Question

新しいモーダル ウィンドウにラベルと値を含む Ext フォームを表示したいと考えています。ユーザーがウィンドウを印刷できるように、フォームを読み取り専用にしたい。フォームにアクセスしてモーダル ウィンドウを表示することはできますが、オブジェクトであるためフォームをモーダル ウィンドウに表示できないようです。

ボタンをクリックすると表示されるウィンドウは次のとおりです。

var printWindow = Ext.create("Ext.Window", {
        renderTo: Ext.getBody(),
        title: 'Print Window',
        cls: 'print',
        scrollable: true,
        closable: false,
        maximized: false,
        modal: false,
        moveable: false,
        items: [{
            xtype: 'panel',
            html: mySample,
            height: 400,
            width:300
        }],
        dockedItems: [{
                xtype: 'toolbar',
                dock: 'bottom',
                align: 'right',
                layout: 'hbox',
                items: [{
                    xtype: 'component',
                    flex: 1
                },{
                    xtype: 'button',
                    align: 'right',
                    text: 'Print This Window'
                }]
            }],
        tools: [{
            type: 'close',
            handler: function() {
                printWindow.close();
                htmlBody.removeCls('no-print');
                htmlBody.disabled = false;
            }
        },{
            type: 'print',
            tooltip:        'some tooltip info',
            handler: function() {
                print();
            }
        }]
    });
    printWindow.show();

注 - 新しいパネルの HTML 構成オプションが正しくありません。テスト用に使用していました。