12

私はadobeflexからextjs4に移行していますが、Extjsではコンポーネントが近すぎることに気づきました。その間にギャップはありません。これは、次の例に直面する可能性があります。

    var win = Ext.create('Ext.window.Window', {
    layout: 'hbox',
    height: 500,
    width: 400,
    title: 'hbox',      
    items: [
      Ext.create('Ext.button.Button',
      {
        text: 'My button 1',
        width: 150
      }),
      Ext.create('Ext.button.Button',
      {
        text: 'My button 2',
        width: 150
      })
    ]
});

win.show();

2つのボタンは互いにゼロスペースです。

コンポーネントからスペース（ギャップまたはこれまで）を設定するにはどうすればよいですか？

ありがとう。

4

2 に答える 2

20

マージン設定を使用します。

Ext.onReady(function() {
    var win = Ext.create('Ext.window.Window', {
        layout: 'hbox',
        height: 500,
        width: 400,
        autoShow: true,
        title: 'hbox',
        defaultType: 'button',
        items: [{
            text: 'My button 1',
            width: 150,
            margin: '10 20 30 40'
        }, {
            text: 'My button 2',
            width: 150,
            margin: '40 30 20 10'
        }]
    });
});
于 2012-07-03T12:26:38.893 に答える
2

マージンのように？スタイル属性で追加できます。この例を参照してくださいhttp://jsfiddle.net/nscrob/5rn8C/5/

于 2012-07-03T12:19:17.213 に答える