javascript-如何使Ext.Panel的宽度覆盖其父表布局的宽度？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何使Ext.Panel的宽度覆盖其父表布局的宽度？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1427字，纯文字阅读大概需要3分钟。

内容图文

在以下代码中,如果我将顶部区域定义为对象文字,则它将覆盖默认的表宽度fine：

var top_area = {
    title:'Orders',
    width: 1210,
    colspan: 4,
    frame: true,
    border: true,
    header: true
};

但是,如果我将其定义为Ext.Panel,则会错误地采用表的默认宽度：

var top_area = new Ext.Panel({
    title:'Orders',
    width: 1210,
    colspan: 4,
    frame: true,
    border: true,
    header: true
});

如何获取Ext.Panel覆盖表格的默认高度？

这是完整的代码：

var top_area = new Ext.Panel({
    title:'Orders',
    width: 1210,
    colspan: 4,
    frame: true,
    border: true,
    header: true
});

var table_wrapper2 = new Ext.Panel({
    id: 'table_wrapper2',
    baseCls: 'x-plain',
    renderTo: Ext.getBody(),
    layout:'table',
    layoutConfig: {columns:2},
    defaults: {
        frame:true,
        width:300,
        height: 300,
        style: 'margin: 0 10px 10px 0'
    },
    items:[{
            title:'Shopping Cart',
            width: 600,
            height: 390,
            colspan: 2
        },
        {
            title:'Invoice Address',
            width: 290,
            height: 200
        },{
            title:'Delivery Address',
            width: 300,
            height: 200
        }
    ]
})

var table_wrapper = new Ext.Panel({
    id:'table_wrapper',
    baseCls:'x-plain',
    renderTo: Ext.getBody(),
    layout:'table',
    layoutConfig: {columns:4},
    defaults: {
        frame:true,
        width: 300,
        height: 300,
        style: 'margin: 10px 0 0 10px'
    },
    items:[top_area,{
            title:'Customer Information',
            width: 600,
            height: 600,
            colspan: 2
        },{
            frame: false,
            border: false,
            width: 600,
            height: 600,
            colspan: 2,
            items: [ table_wrapper2 ]
        }
    ]
});

解决方法:

尝试删除默认宽度,因为无论如何您都将覆盖所有默认宽度.

defaults: {
    frame:true,
    width: 300, //<-- remove this
    height: 300,
    style: 'margin: 10px 0 0 10px'
},

内容总结

以上是互联网集市为您收集整理的javascript-如何使Ext.Panel的宽度覆盖其父表布局的宽度？全部内容，希望文章能够帮你解决javascript-如何使Ext.Panel的宽度覆盖其父表布局的宽度？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端