ext form gird 同路局部

	Ext.onReady(function() {
		var persnRuleStore = new Ext.data.Store({
					proxy : new Ext.data.HttpProxy({
								url : 'personRule!findPerson.action?personId=2'
							}),
					reader : new Ext.data.JsonReader({
						root : 'list'
						}, [{
								name : 'id'
							}, {
								name : 'runTime',
								type : 'date',
								dateFormat : 'Y-m-d\\TH:i:s'
							}, {
								name : 'accordTo'

							}, {
								name : 'retirePayType'
							}, {
								name : 'addPay'
							}])
				});
		var personRuleColModel = new Ext.grid.ColumnModel([
				new Ext.grid.RowNumberer(), {
					header : '序号',
					sortable : true,
					locked : true,
					dataIndex : 'id'
				}, {
					header : '执行时间',

					sortable : true,
					locked : false,
					renderer : Ext.util.Format.dateRenderer('Y-m-d'),
					dataIndex : 'runTime'
				}, {
					header : '执行文件依据',
					sortable : true,
					locked : false,
					dataIndex : 'accordTo'
				}, {
					header : '离退休费类型',
					sortable : true,
					locked : false,
					dataIndex : 'retirePayType'
				}, {
					header : '增加标准',
					sortable : true,
					locked : false,
					dataIndex : 'addPay'
				}
		]);

		var persnRuleGrid = new Ext.grid.GridPanel({
					title : '离退休费增加历史',
					loadMask : true,
					height : 173,
					store : persnRuleStore,
					cm : personRuleColModel,
					sm : new Ext.grid.RowSelectionModel({
								singleSelect : true
							}),
					bbar : new Ext.PagingToolbar({
								pageSize : 10,
								store : persnRuleStore,
								displayInfo : true
							})
				});

		var addPersonRuleForm = new Ext.FormPanel({
			title : 'Inner Tabs222',
			frame : true,
			defaultType : "textfield",
			defaults : {
				width : 100
			},
			items : [{
						xtype : 'hidden',
						name : 'id',
						value : 0
					}, {
						xtype : 'datefield',
						fieldLabel : "执行时间",
						name : 'runTime',
						format : 'Y-m-d',
						allowBlank : false
					}, {
						fieldLabel : "执行文件依据",
						name : "accordTo",
						allowBlank : false
					}, {
						fieldLabel : "离退休费类型",
						name : "retirePayType",
						allowBlank : false
					}, {
						xtype : 'numberfield',
						fieldLabel : '增加标准',
						name : 'retirePayType',
						value : 0.00,
						allowBlank : false
					}],
			buttonAlign : 'center',
			buttons : [{
				text : '提交',
				type : "submit",
				handler : function() {}
			}, {
				text : '清空',
				handler : function() {
					addPersonRuleForm.form.reset();
				}
			}, {
				text : '删除',
				handler : function() {}
			}]
		});


		var southPanel = new Ext.Panel({
					//frame : true,
					//autoHeight : true,
					width : 1000,
								items : [{// 第1行
									layout : 'column',
									items : [{
												columnWidth : .7,
												items : persnRuleGrid
											}, {
												columnWidth : .3,
												items : addPersonRuleForm
											}]
						}],
					renderTo : Ext.getBody()
				});

	})