[jiggy]

Hello PShah,

The below mentioned code snippets show how i have made my form using Dwt elements.

............


FormDisplay.prototype._createHTML = 
function() {
	//alert("Inside _createHTML");
	var html = new Array();
	var i = 0;
	
	this._formNameId = Dwt.getNextId();
	this._skillsElementId = Dwt.getNextId();


	
	html[i++] = "<table width=\"100%\" cellpadding=\"3\" cellspacing=\"3\">";

	html[i++] = "<tr>";
	html[i++] = "<td>Name</td>";
	html[i++] = "<td id='";
	html[i++] = this._formNameId;	
	html[i++] = "'>";	
	html[i++] = "</td>";
	
	html[i++] = "<td></td> ";
	html[i++] = "<td id='";
	html[i++] = this._skillsElementId;	
	html[i++] = "'>";	
	html[i++] = "</td>";

	html[i++] = "</tr>";

	//The Buttons at the end of the form are getting added over here
	html[i++] = "<tr>";
	
	html[i++] = "<td align='center' id='";
	html[i++] = this._userBtnId;	
	html[i++] = "'></td>";	


	html[i++] = "</tr>";	
	
	html[i++] = "</table>";
	
	this.getHtmlElement().innerHTML = html.join("");
};


FormDisplay.prototype._createDwtObjects = 
function () {
	//alert("Inside _createDwtObjects");

	this._formNameField = new DwtInputField({parent:this, type:DwtInputField.STRING,
										 initialValue:"My Form", size:20, maxLen:50,
										 errorIconStyle:DwtInputField.ERROR_ICON_NONE,
										 validationStyle:DwtInputField.ONEXIT_VALIDATION});

	Dwt.setSize(this._formNameField.getInputElement(), "100%", "20px");	
	this._formNameField.reparentHtmlElement(this._formNameId);
	delete this._formNameField;	

	
	//Skills dropdown
	var skillsOptions = [new DwtSelectOption("selectSkills",true,"--Select Skills--"),
						 new DwtSelectOption("primary",false,"Primary"),
						 new DwtSelectOption("secondary",false,"Secondary")];

	this._skillsSelectElement = new DwtSelect(this,skillsOptions);
	this._skillsSelectElement.addChangeListener(new AjxListener(this, this._skillsChangeListener));
	var skillsCell = document.getElementById(this._skillsElementId);
	if(skillsCell)
		skillsCell.appendChild(this._skillsSelectElement.getHtmlElement());

	//Save Button
	var userBtn1= new DwtButton(this);
	userBtn1.setText("Save");
	userBtn1.setSize("15");
	/*Added Listener below*/
	userBtn1.addSelectionListener(new AjxListener(this, this._saveBtnListener));				
	var userBtn1Cell = document.getElementById(this._userBtnId);
	if(userBtn1Cell)
			userBtn1Cell.appendChild(userBtn1.getHtmlElement());

		
};

//Save button listener
FormDisplay.prototype._saveBtnListener = 
function (ev) {


}

...............

Now i have two queries:

1) I want to submit the value of the InputField,Dropdown to a jsp page.
So if i need to use AjaxPost what i need to add in my code below.

2)
Also as in normal requests from html forms we can obtain the request parameters using the syntax request.getParameter("name of html element").

I searched for the methods setting the name of my form elements but i didn't found one.So in the jsp form if i want to obtain the values of my dropdown and input field on the click of my save button, how to achieve that since i am not getting what name is to be used my jsp form when accessing paramaters using syntax request.getParameter("name of html element").


Please help in resolving the above mentioned queries.
Thanks