EXTJs 布局

<1>FitLayout 自适应布局

FitLayout 是布局的基础类，对应面板布局配置项（layout）的名称为 fit，使用 fit 布局将使面板子元素自动充满容器，如果在当前容器中存在多个子面板则只有第一个会被显示。

[javascript]
Ext.onReady(function(){
                //数据存储
                var store = new Ext.data.SimpleStore(
                    {
                        fields: ['id', 'name', 'desc'],
                        data: [
                                ['1', '埃尔克森', '广州恒大'],
                                ['2', '埃杜', '辽宁宏运'],
                                ['3', '布鲁诺', '青岛中能'],
                                ['4', '武磊', '上海东亚'],
                                ['5', '高迪', '杭州绿城'],
                                ['6', '艾德华', '上海申花'],
                                ['7', '王永珀', '山东鲁能'],
                        ]
                    }
                );
                //表格
                var grid = new Ext.grid.GridPanel(
                    {
                        title: '2013中超射手榜',
                        viewConfig: {forceFit: true},
                        store: store,
                        columns: [
                            {header:'排名', dataIndex: 'id'},
                            {header:'姓名', dataIndex:'name'},
                            {header:'球队', dataIndex:'desc'}
                        ],
                        //工具条
                        tbar: new Ext.Toolbar(['添加','修改','删除']),
                        bbar: new Ext.PagingToolbar(
                            {
                                pageSize: 15,
                                store: store
                            }
                        )
                    }
                );
                //布局
                /*
                    Fitlayout:
                    <1>layout: 'fit',组件的items只能放一个组件。即使放几个组件，也只有第一个组件会起作用。
                    <2>items中的表格里千万不要使用aotuHeight:true参数，这个参数会使Fitlayout失效。
                */
                var viewport = new Ext.Viewport(
                    {
    &nbs

补充：web前端 , JavaScript ,