0

ExtJS 4.0.7 for "Resizable" の API ドキュメントに示されている例は、私がやろうとしていることを達成できることを証明しています。ただし、ほとんどの例と同様に、MVC を使用して提供されるものはありません。例をどのように使用するかを理解しようとすることは、かなりの挑戦でした。この場合、私は困惑しています。

ウィンドウに画像を表示するアプリがあり、動作します。ユーザーがウィンドウのサイズを変更し、ウィンドウ内の画像のサイズを変更できるようにする必要があります。これは非常に実行可能のようです。私はそれを理解することはできません。

私のコントローラーコードは次のとおりです。

onDoubleClickPage: function(view, rec, item, index, e, eopts) {
    var image = rec.get('PGPATH');
    if (image === '') {
        Ext.Msg.show({
            title: 'View Document',
            msg: 'No Document on file',
            buttons: Ext.Msg.OK,
            icon: Ext.Msg.INFO
        });
        return;
    }

    var showImage = new Ext.window.Window({
        height: 600,
        width: 500,
        title: 'View Book Page',
        closeAction: 'destroy',
        items: [{
            xtype: 'component',
            autoEl: {
                tag: 'image',
                height: 500,
                width: 400,
                autoScroll: true,
                resizable: true,
                src: image
            }
        }]
    }).show();
}

上記のコードは機能しますが、ご想像のとおり、固定サイズの画像が得られます。ウィンドウのサイズは変更されますが、もちろん画像は変更されません。

リサイザーを呼び出したり構成したりするために多くのことを試しましたが、残念ながら何も機能しませんでした。この時点で私は無知です。どんな助けでも大歓迎です！

4

1 に答える 1

0

レイアウトを設定: ウィンドウに「フィット」し、Ext.Img を使用して画像を作成しますhttp://docs.sencha.com/extjs/4.2.1/#!/api/Ext.Img

于 2014-01-11T21:32:05.153 に答える