zoukankan      html  css  js  c++  java
  • Extjs 4.0 Tab页

    1、JSON代码

    Ext.MyTabs=Ext.extend(Ext.TabPanel ,{
    xtype:"tabpanel",
    	activeTab:2,
    	694,
    	height:571,
    	initComponent: function(){
    		this.items=[
    			{
    				xtype:"panel",
    				title:"学生",
    				autoScroll:false,
    				703,
    				items:[
    					{
    						xtype:"grid",
    						title:"我的表格",
    						columns:[
    							{
    								header:"学号",
    								sortable:true,
    								resizable:true,
    								dataIndex:"data1",
    								100
    							},
    							{
    								header:"姓名",
    								sortable:true,
    								resizable:true,
    								dataIndex:"data2",
    								100
    							},
    							{
    								header:"性别",
    								sortable:true,
    								resizable:true,
    								dataIndex:"data3",
    								100
    							},
    							{
    								header:"年龄",
    								sortable:true,
    								resizable:true,
    								dataIndex:"",
    								100
    							},
    							{
    								header:"电话",
    								sortable:true,
    								resizable:true,
    								dataIndex:"",
    								100
    							},
    							{
    								header:"住址",
    								sortable:true,
    								resizable:true,
    								dataIndex:"",
    								100
    							},
    							{
    								header:"QQ",
    								sortable:true,
    								resizable:true,
    								dataIndex:"",
    								100
    							}
    						]
    					}
    				]
    			},
    			{
    				xtype:"panel",
    				title:"教师",
    				items:[
    					{
    						xtype:"grid",
    						title:"我的表格",
    						columns:[
    							{
    								header:"工号",
    								sortable:true,
    								resizable:true,
    								dataIndex:"data1",
    								100
    							},
    							{
    								header:"姓名",
    								sortable:true,
    								resizable:true,
    								dataIndex:"data2",
    								100
    							},
    							{
    								header:"年龄",
    								sortable:true,
    								resizable:true,
    								dataIndex:"data3",
    								100
    							},
    							{
    								header:"性别",
    								sortable:true,
    								resizable:true,
    								dataIndex:"",
    								100
    							},
    							{
    								header:"电话",
    								sortable:true,
    								resizable:true,
    								dataIndex:"",
    								100
    							},
    							{
    								header:"电话",
    								sortable:true,
    								resizable:true,
    								dataIndex:"",
    								100
    							},
    							{
    								header:"QQ",
    								sortable:true,
    								resizable:true,
    								dataIndex:"",
    								100
    							}
    						]
    					}
    				]
    			},
    			{
    				xtype:"panel",
    				title:"课程",
    				items:[
    					{
    						xtype:"grid",
    						title:"我的表格",
    						columns:[
    							{
    								header:"编号",
    								sortable:true,
    								resizable:true,
    								dataIndex:"data1",
    								100
    							},
    							{
    								header:"名称",
    								sortable:true,
    								resizable:true,
    								dataIndex:"data2",
    								100
    							},
    							{
    								header:"教授教师",
    								sortable:true,
    								resizable:true,
    								dataIndex:"data3",
    								100
    							},
    							{
    								header:"选课人数",
    								sortable:true,
    								resizable:true,
    								dataIndex:"",
    								100
    							},
    							{
    								header:"上课时间",
    								sortable:true,
    								resizable:true,
    								dataIndex:"",
    								100
    							},
    							{
    								header:"分数",
    								sortable:true,
    								resizable:true,
    								dataIndex:"",
    								100
    							},
    							{
    								header:"学生学号",
    								sortable:true,
    								resizable:true,
    								dataIndex:"",
    								100
    							}
    						]
    					}
    				]
    			}
    		]
    		Ext.MyTabs.superclass.initComponent.call(this);
    	}
    })

    2、执行结果

    (1)学生Tab页


    (2)教师Tab页


    (3)课程Tab页


  • 相关阅读:
    (todo)数组名 有存储空间吗?
    c和指针 指针数组 关于指针数组
    c面试题 来自android手机 1/6
    c 和指针 二维数组赋予一维数组指针 数组长度 数组与指针长度区别
    c语言优先级面试小结
    hxf 每晚 宏 不用大于小于 求大小
    DelphiX中的DXSprite单元中涉及到修改
    在java开发过程中,添加表时,需要配置一下的目录和文件。
    代码生成器cs的注册方法.
    将一个字符串映射为一个Delphi页面控件属性名
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315397.html
Copyright © 2011-2022 走看看