ext form入门的练习

Ext.onReady(function(){
	var form = new Ext.form.FormPanel({
		baseCls: 'x-plain',
		labelWidth: 55,
		url:'save-form.php',
		defaultType: 'textfield',

		items: [{
		fieldLabel: '姓名',
		name: 'to',
		anchor:'50%' // anchor width by percentage
		},{
		fieldLabel: '职位',
		name: 'subject',
		anchor: '50%' // anchor width by percentage
		},{
		fieldLabel:'备注',
		name:'ps',
		anchor:'90'
		}]
		});
	var data=[[1,'james','manager'],
	          [2,'falk','engine'],
	          [3,'d','www'],
	          [4,'s','fff']];
	var vstore=new Ext.data.ArrayStore({data:data,fields:["id","name","job"]});

	var grid=new Ext.grid.GridPanel({
		title:"asus",
		store:vstore,
		autoHeight:true,
		tbar : [{
			text : '添加',
			iconCls:'tianjia',
			handler : function(){
			var win=new Ext.Window({
				title:"sssdsdsdfds",
				width:300,
				height:400,
				items:[form]
			});
			win.show();
		}
		}],
		columns:[{header:"编号",dataIndex:'id'},{header:"姓名",dataIndex:'name'},{header:"工作",dataIndex:"job"}]
	});
	new Ext.Viewport({layout:"border",items:[{region:"north",height:100,title:"顶部"},{region:"west",width:150,title:"菜单栏"},{region:"center",title:"内容部分",items:[grid]}]});
});