ExtJs学习笔记(15)_fit布局

时间:2022-04-24
本文章向大家介绍ExtJs学习笔记(15)_fit布局,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

fit布局很好理解,容器内的组件会自动充满整个容器

<script type="text/javascript">

    Ext.onReady(function() {

        var win = new Ext.Window({

            title: "fit Layout",

            height: 200,

            width: 200,

            plain: true,

            layout: 'fit',           

            items: {

                html:"这就是内容区,会自动充满容器,要注意的事,通常fit布局只能有一个item,即使你放多个item,第一个item也会自动充满容器,把其它item给挡住"               

            }                  

        });

        win.show();

    });

</script>

效果图: