0

私はこのコードを持っています

 var main_container = Ext.create('Ext.container.Container',
 {
     xtype: 'container',
     id: "id_container",
     anchor: '100%',
     layout:'column',
     items:[
        column_1,
        column_2,
        column_3
     ]
})

また、コンテナのサイズを変更すると、右端の列が消える場合があります。場合によっては、再度サイズを変更すると、右端の列が再び表示されます。これは IE でのみ発生します。

何が原因でしょうか? どんなアイデアでも役に立ちます。

これが一番右の列の構造です

  var column_3 = Ext.create('Ext.container.Container',
  {
    columnWidth: .33,
    layout: 'anchor',
    id: 'column_3',
    items:[
        grid_1,
        grid_2
    ]
  })

3 つの列があり、幅を 33% にしたい

また、ext js メニュー ボタンを押すと、メイン コンテナが開きます。メインコンテナはext jsウィンドウに配置されます。

これは私の問題です

 <div class="x-container x-column x-container-default" id="column_roles" role="presentation" style="width: 400px;">
       <DIV style="WIDTH: 413px; HEIGHT: 45%" id=grid_1 class="x-panel  x-grid x-property-grid x-panel-default x-with-col-lines x-panel-with-col-lines x-panel-default-with-col-lines x-masked-relative x-masked" role=presentation aria-labelledby=component-1234>...</div>

        <DIV style="WIDTH: 413px; HEIGHT: 45%" id=grid_2 class="x-panel  x-grid x-property-grid x-panel-default x-with-col-lines x-panel-with-col-lines x-panel-default-with-col-lines x-masked-relative x-masked" role=presentation aria-labelledby=component-1237> ... </div>
 </div>

内側の div が、それらを含む div よりも広いことがはっきりとわかります。IE の生成が悪いのはなぜですか? これは、Chrome と FF では発生しません。

4

1 に答える 1

1

これが IE だけで発生する場合、ブラウザーとして IE を破棄することを検討しましたか? 冗談はさておき、IE 以外のブラウザで動作する場合は、バグであるか、IE だけに特別なことをしなければならない可能性があります。

たとえば、これは私にとってはうまくいきます：

Ext.onReady (function () {
    Ext.create ('Ext.window.Window', {
        renderTo: Ext.getBody () ,
        title: 'Win' ,
        width: 500 ,
        height: 100 ,
        layout: 'anchor' ,
        resizable: true ,
        items: [{
            xtype: 'container' ,
            anchor: '100%' ,
            layout: 'column' ,
            defaults: {
                layout: 'anchor'
            } ,
            items: [{
                xtype: 'container' ,
                columnWidth: .33 ,
                defaults: {
                    xtype: 'textfield' ,
                    anchor: '100%'
                } ,
                items: [{
                    fieldLabel: 'name'
                } , {
                    fieldLabel: 'surname'
                }]
            } , {
                xtype: 'container' ,
                columnWidth: .33 ,
                defaults: {
                    xtype: 'textfield' ,
                    anchor: '100%'
                } ,
                items: [{
                    fieldLabel: 'age'
                } , {
                    fieldLabel: 'place'
                }]
            } , {
                xtype: 'container' ,
                columnWidth: .33 ,
                defaults: {
                    xtype: 'textfield' ,
                    anchor: '100%'
                } ,
                items: [{
                    fieldLabel: 'nickname'
                } , {
                    fieldLabel: 'whatever'
                }]
            }]
        }]
    }).show();
});

ウィンドウのサイズを変更すると、各列もサイズ変更され、誰も消えません。

チャオ

ウィルク

于 2012-05-16T10:53:44.177 に答える