extjs学生管理系统源码

Ext.onReady(function() {
    Ext.create('Ext.window.Window', {
        title: '学生管理系统',
        width: 600,
        height: 400,
        layout: 'fit',
        items: [
            {
                xtype: 'tabpanel',
                items: [
                    {
                        title: '学生信息',
                        items: [
                            {
                                xtype: 'gridpanel',
                                title: '学生列表',
                                store: {
                                    fields: ['name', 'age', 'grade'],
                                    data: [
                                        { name: '张三', age: 20, grade: 'A' },
                                        { name: '李四', age: 21, grade: 'B' }
                                    ]
                                },
                                columns: [
                                    { text: '姓名', dataIndex: 'name' },
                                    { text: '年龄', dataIndex: 'age' },
                                    { text: '成绩', dataIndex: 'grade' }
                                ]
                            }
                        ]
                    },
                    {
                        title: '课程管理',
                        items: [
                            // 这里可以添加课程管理的组件
                        ]
                    }
                ]
            }
        ],
        renderTo: Ext.getBody()
    });
});