1

ExtJS4 が新しいことはわかっているので、たとえそれが小さくてもいくつかの問題に行き詰まりますが、アップグレードを完了するための解決策を得る必要があります。画像コンポーネントにパディングを適用しようとしていますが、機能していません。

ExtJS4 コードは次のとおりです。

Ext.onReady(function(){
            Ext.QuickTips.init()        
            var image = {
            xtype : 'image',
            src : 'images.jpg',
            height : 40,
            width : 150,
            border : true,
            style : 'padding-left:60px',
            resizable : false   
            };      
            var pan = Ext.create('Ext.panel.Panel',{
            width : 400,
            height : 400,
            id : 'expan',
            border : true,
            title : 'Ex Panel',
            items : [image],
            renderTo : Ext.Body()
            });
        });

パディングを削除すると、画像は次のようになります。

ここに画像の説明を入力

しかし、パディングを適用すると、画像サイズが減少し、次のようになります。

ここに画像の説明を入力

1.どうしてこうなった？
2.この画像をパネルの中央に移動する方法はありますか?

誰かがこれから抜け出す道を知っているなら、私を助けてください。

4

2 に答える 2

1

まず、ユーザーが拡張したコンポーネント イメージを使用していると思います。なぜなら、その xtype が見つからないように見えるからです。パディング、

必要なサイズのパネル内にコンポーネントを配置し、そのパネルにパディングを追加することをお勧めします。その後、新しく作成したパネルを目的のパネルに追加します。より多くのコンポーネントが作成されますが、目的の外観が得られます

 {
                xtype:'panel',
                style : 'padding-left:60px',
                width: 210,
                items:[image]
}

これは私にとってはうまくいきます。

于 2011-08-05T08:04:44.270 に答える
0

私が知る限り、これはExtJS4.1でも機能していません。私にとって有効な解決策の1つは、paddingconfigプロパティを使用することです。

{
xtype : 'image',
src : 'resources/images/Logo.png',
padding : '15px 5px 15px 15px'
}

より良い解決策を持っている人からの連絡をお待ちしています。

于 2012-12-05T17:25:38.487 に答える