extjs 的一段代码

最新推荐文章于 2015-12-09 00:29:38 发布

物润声无

最新推荐文章于 2015-12-09 00:29:38 发布

阅读量824

点赞数

分类专栏： javascipt

本文链接：https://blog.youkuaiyun.com/gjswxhb/article/details/8309696

版权

javascipt 专栏收录该内容

6 篇文章

订阅专栏

Ext.define('MyApp.view.MyViewport', {
    extend: 'Ext.container.Viewport',

    layout: {
        type: 'border'
    },

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'treepanel',
                    region: 'west',
                    split: true,
                    maxWidth: 300,
                    width: 200,
                    title: 'My Tree Panel',
                    viewConfig: {

                    }
                },
                {
                    xtype: 'container',
                    region: 'center',
                    layout: {
                        type: 'border'
                    },
                    items: [
                        {
                            xtype: 'panel',
                            region: 'south',
                            split: true,
                            height: 100,
                            maxHeight: 300,
                            title: 'My Panel'
                        },
                        {
                            xtype: 'gridpanel',
                            region: 'center',
                            title: 'My Grid Panel',
                            columns: [
                                {
                                    xtype: 'gridcolumn',
                                    dataIndex: 'string',
                                    text: 'String'
                                },
                                {
                                    xtype: 'numbercolumn',
                                    dataIndex: 'number',
                                    text: 'Number'
                                },
                                {
                                    xtype: 'datecolumn',
                                    dataIndex: 'date',
                                    text: 'Date'
                                },
                                {
                                    xtype: 'booleancolumn',
                                    dataIndex: 'bool',
                                    text: 'Boolean'
                                }
                            ],
                            viewConfig: {

                            }
                        }
                    ]
                }
            ]
        });

        me.callParent(arguments);
    }

});