GZ/nwyj/.svn/pristine/0e/0e6437d150705e31ce479a3c314c300c10c0514c.svn-base

/*
 * Ext JS Library 2.0 Copyright(c) 2006-2007, Ext JS, LLC. licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function() {

	Ext.QuickTips.init();
	// turn on validation errors beside the field globally
	Ext.form.Field.prototype.msgTarget = 'side';
	var bd = Ext.getBody();
	/*
	 * ================ Simple form =======================
	 */
	bd.createChild({
				tag : 'h2',
				html : 'Form 1 - Very Simple'
			});

	var simple = new Ext.FormPanel({
				labelWidth : 75, // label settings here cascade unless
									// overridden
				url : 'save-form.jsp',
				frame : true,
				title : 'Simple Form',
				bodyStyle : 'padding:5px 5px 0',
				width : 350,
				defaults : {
					width : 230
				},
				defaultType : 'textfield',
				items : [{
							fieldLabel : 'First Name',
							name : 'first',
							allowBlank : false

						}, {
							fieldLabel : 'Last Name',
							name : 'last'
						}, {
							fieldLabel : 'Company',
							name : 'company'
						}, {
							fieldLabel : 'Email',
							name : 'email',
							vtype : 'email'
						}, new Ext.form.TimeField({
									fieldLabel : 'Time',
									name : 'time',
									minValue : '8:00am',
									maxValue : '6:00pm'
								})],
				buttons : [{
							text : 'Save'
						}, {
							text : 'Cancel'
						}]
			});

	var submit = simple.addButton({
		text : 'Submit',
		disabled : false,
		handler : function() {
			// simple.items.get(0).name;
			var param = '{';
			for (var i = 0; i < simple.items.length; i++) {
				param = param
						+ simple.items.get(i).name
						+ ":\""
						+ document.getElementsByName(simple.items.get(i).name)[0].value
						+ "\",";
			}
			alert(param)
			simple.getForm().submit({
						url : 'sampleExtExc.jsp?param=' + param + ''
					});

		}
	});

	simple.render(document.body);

	/*
	 * ================ Form xiaoxiao =======================
	 */

	bd.createChild({
				tag : 'h2',
				html : 'Form xiaoxiao - Very Simple'
			});

	var simple1 = new Ext.FormPanel({
				labelWidth : 75, // label settings here cascade unless
									// overridden
				url : 'save-form.jsp',
				frame : true,
				title : 'Simple Form',
				bodyStyle : 'padding:5px 5px 0',
				width : 350,
				defaults : {
					width : 230
				},
				defaultType : 'textfield',

				items : [{
							fieldLabel : 'First1 Name',
							name : 'first1',
							allowBlank : false
						}, {
							fieldLabel : 'Last1 Name',
							name : 'last1'
						}, {
							fieldLabel : 'Company',
							name : 'company1'
						}, {
							fieldLabel : 'Email',
							name : 'email',
							vtype : 'email'
						}, new Ext.form.TimeField({
									fieldLabel : 'Time',
									name : 'time',
									minValue : '8:00am',
									maxValue : '6:00pm'
								})],

				buttons : [{
							text : 'Save'
						}, {
							text : 'Cancel'
						}]
			});

	var submit1 = simple1.addButton({
				text : 'Submit',
				disabled : false,
				handler : function() {
					simple1.getForm().submit({
								url : 'save-form.jsp'
							});
				}
			});

	simple1.render(document.body);

});