Nested Tag (in Form of Table ) :: not able to submit masterForm

[poonam mehta]

hi,

I'm facing Error IndexOutOfBoundsException... while submitting form...

few details regarding my code :


[1]

public class  ItemForm implements Serializable {
.........
String itemcode;
String itemname;
double rate;
.......
}

==>>[2]

 

GRNForm extends ActionForm {

...................
String grncode;
List<ItemForm> itemForm;
...................

//constructor
public GRNForm (){
itemForm = new ArrayList();
}
}

==>>[3] in JSP, I added ItemDetails in Form of table

<html:form action="GRNAction.do" >
<html:hidden property="method" value="addGRN"></html:hidden>
<html:text size="3" property="grncode" maxlength="3">
<table>
<nested:iterate property="itemForm">
.......
<td>
<nested:text property="itemcode" size="5"></nested:text>
</td>
<td>
<nested:text property="itemname" size="15"></nested:text>
</td>
......
</nested:iterate>
</table>
.......
......
</html:form>

== Struts.xml

<action-mappings>
<action attribute="goodsReceiptNoteForm" name="goodsReceiptNoteForm"
			path="/GRNAction" scope="request" parameter="method"
			type="com.wms.action.transcation.GoodsReceiptNoteAction">			
			<forward name="forwardToAddGRN" path="/form/transaction/CreateGoodsReceipt.jsp" />
		</action>
</action-mappings>

==>> in ActionClass

public ActionForward addGRN(ActionMapping mapping, ActionForm form,HttpServletRequest request, HttpServletResponse response) {
		
		System.out.println("addGRN mathod called............");
		GoodsReceiptNoteForm grnForm = (GoodsReceiptNoteForm)form;
		
		List<ItemForm> itemTbl = grnForm.getItemForm();
		
		for(int i=0;i<itemTbl.size();i++){
			ItemForm item = (ItemForm)itemTbl.get(i);
			System.out.println("itemTbl getItemCode==========>>> " + item.getItemCode());
			System.out.println("itemTbl getItemName==========>>> " + item.getItemName());
		}		
		
		return null;
	}

==>> Error Occurs



java.lang.IndexOutOfBoundsException: Index: 0, Size: 0
at java.util.ArrayList.RangeCheck(Unknown Source)
at java.util.ArrayList.get(Unknown Source)
at org.apache.commons.beanutils.PropertyUtilsBean.get IndexedProperty(PropertyUtilsBean.java:433)
at org.apache.commons.beanutils.PropertyUtilsBean.get IndexedProperty(PropertyUtilsBean.java:340)
at org.apache.commons.beanutils.PropertyUtilsBean.get NestedProperty(PropertyUtilsBean.java:684)
at org.apache.commons.beanutils.PropertyUtilsBean.get Property(PropertyUtilsBean.java:715)
at org.apache.commons.beanutils.BeanUtilsBean.setProp erty(BeanUtilsBean.java:884)


Pl. help in.

Let me know if you required any other information.

Thanks in Advance.

[Venkata Kumar]

Please use code tags to post your code.

Please post your corresponding struts.xml contents and jsp contents.

[poonam mehta]

Hi,

I did changes in my original post as per your comments.

Pl. have a look into.

Thanks in Advance.

Byeeee

[Venkata Kumar]

The action GRNAction scope is request. When the jsp is rendered the contents of arraylist are displayed. But when you submit the form the arraylist is reinitialized and becomes empty. To fix the issue you may change scope to session.
For more info see here

[poonam mehta]

Hello Sir,

As per your suggestion, I change the scope to request.--> session. and it works fine.

But still facing a problem :

By clicking on ADD button, it only take 1-ROW of the Item Table. Not taking rest of the rows which I add dynamically.

For adding a Row dynamically, I used below script :

   
function addRowToTable()
		{
  				
  		var table = document.getElementById('itemTbl');
                var rowCount = table.rows.length;                
                var row = table.insertRow(rowCount);
                var colCount = table.rows[1].cells.length;
                
                for(var i=0; i<colCount; i++) {

                        var newcell      = row.insertCell(i);

                        newcell.innerHTML = table.rows[1].cells[i].innerHTML;                       
                        switch(newcell.childNodes[1].type) {
                              case "text":
                                          newcell.childNodes[1].value = "";
                                          break;
                              case "checkbox":
                                          newcell.childNodes[1].checked = false;
                                          break;
                              case "select-one":
                                          newcell.childNodes[1].selectedIndex = 0;
                                          break;
                        }
                  }  
}

 

Thanks for suggesting such informative link. As I'm new to struts, can you pl. suggest such links/books, which helps to understand struts-hibernate in depth.

Thanks in Advance.

[Venkata Kumar]

Please post complete jsp file contents which may be useful to analyze the issue.

[poonam mehta]

Sorry for being delay in reply.

JSP Page :::

<%@ page language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-nested" prefix="nested"%>
<%@page import="com.wms.forms.transaction.GoodsReceiptNoteForm,java.util.ArrayList,com.wms.forms.transaction.ItemTableForm"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>


		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<script language="JavaScript" src="/WMSProject1/js/calendar_us.js"></script>
		<link rel="stylesheet" href="/WMSProject1/css/calendar.css">
		<style media="all" type="text/css">
@import "/WMSProject1/css/prjall.css";
</style>

	</head>

	<body onload="alternate('thetable')">
		<div id="center-column">
			<div class="top-bar">

				<div class="table">					
					<html:form action="/GRNAction" method="post" >										
					<html:hidden property="method" value="addGRN"></html:hidden>
						<table class="listing form" cellpadding="0" cellspacing="0"
							id="thetable" width="100%">
							<tbody>
								<tr>
									<th class="full" colspan="4">
										Create Good Receipt Note										
									</th>
								</tr>
								<tr>
									<td class="first">
										GRN:									
									</td>
									<td class="last">
										<html:text size="3" property="grn_no" maxlength="3"></html:text>
										<html:text property="grn_date">
										</html:text>
										<img src="/WMSProject1/img/cal.gif" id="tcalico_0"
											onclick="A_TCALS['0'].f_toggle()" class="tcalIcon"
											alt="Open Calendar" />										
									</td>
									<td class="first1">
										Material Received Date:										
									</td>
									<td class="last">
										<html:text property="received_dt">
										</html:text>
										<img src="/WMSProject1/img/cal.gif" id="tcalico_1"
											onclick="A_TCALS['1'].f_toggle()" class="tcalIcon"
											alt="Open Calendar" />										
									</td>
								</tr>
								<tr>
									<td class="first">
										P.O. No.										
									</td>
									<td class="last">
										<html:text size="3" property="po_no" maxlength="3"></html:text>
										<html:text property="po_dt">
										</html:text>
										<img src="/WMSProject1/img/cal.gif" id="tcalico_2"
											onclick="A_TCALS['2'].f_toggle()" class="tcalIcon"
											alt="Open Calendar" />										
									</td>

									<td class="first1">
										D.C. No										
									</td>
									<td class="last">
										<html:text size="3" property="dc_no" maxlength="3"></html:text>
										<html:text property="dc_dt">
										</html:text>
										<img src="/WMSProject1/img/cal.gif" id="tcalico_3"
											onclick="A_TCALS['3'].f_toggle()" class="tcalIcon"
											alt="Open Calendar" />										
									</td>
								</tr>

								<tr>
									<td class="first">
										Invoice No.										
									</td>
									<td class="last">
										<html:text size="3" property="invoice_no" maxlength="3"></html:text>
										<html:text property="invoice_date">
										</html:text>
										<img src="/WMSProject1/img/cal.gif" id="tcalico_4"
											onclick="A_TCALS['4'].f_toggle()" class="tcalIcon"
											alt="Open Calendar" />										
									</td>
									<td class="first1">
										Excise Invoice No										
									</td>
									<td class="last">
										<html:text size="3" property="excise_invoice_no" maxlength="3"></html:text>
										<html:text property="excise_invoice_date">
										</html:text>
										<img src="/WMSProject1/img/cal.gif" id="tcalico_5"
											onclick="A_TCALS['5'].f_toggle()" class="tcalIcon"
											alt="Open Calendar" />										
									</td>
								</tr>

								<tr>
									<td class="first">
										Contact No										
									</td>
									<td class="last">
										<html:text property="contact_person"></html:text>										
									</td>
									<td class="first1">
										Vehicle No										
									</td>
									<td class="last">
										<html:text property="vehicle_no">
										</html:text>										
									</td>
								</tr>

								<tr>
									<td class="first">
										L.R.No										
									</td>
									<td class="last">
										<html:text size="3" property="lr_no" maxlength="3"></html:text>
										<html:text property="lr_date">
										</html:text>
										<img src="/WMSProject1/img/cal.gif" id="tcalico_6"
											onclick="A_TCALS['6'].f_toggle()" class="tcalIcon"
											alt="Open Calendar" />									
									</td>
									<td class="first1">
										Transporter										
									</td>
									<td class="last">
										<html:text property="transporter">
										</html:text>										
									</td>
								</tr>
								
								<tr>
									<td class="first">
										Supplier										
									</td>									 
									<td align="left"  colspan="3" style="padding:0 0 0 0;">
																		
										<html:select name="goodsReceiptNoteForm"
											property="supplierName" onchange="javascript:onChangeSupplier()">
										<html:optionsCollection name="goodsReceiptNoteForm"
												property="suppliers" value="displayAtrributes" label="supplierName"/>
										</html:select>
										
										<label>Contact Person : </label>  <input type="text" disabled="disabled" id="suppContc" value="" size="10" />
																				
										<label>Address :</label>
										<input type="text" disabled="disabled" id="suppAddr">										
										
										<label>Telephone :</label>	
										<input type="text" disabled="disabled" size="8" id="suppTel" value="">										
										
									</td>									 
								</tr>
								</tbody>
						</table>				
						<br>							
						<div class="itemtable">
						
								<table id="itemTbl" class="itemtable" align="center"  >
								<thead >
								<tr>
									<th></th>
									<th> Item </th>
									<th> Chal. Qty </th>
									<th> Received </th>
									<th> Rejected </th>
									<th> Accepted </th>
									<th> Rate </th>
									<th> Amount </th>
									<th> Location </th>
									<th> P.O.No </th>
									
								</tr>									
								</thead>
								<tbody>
								<nested:iterate property="itemForm" indexId="index">
								 <tr>
									<td>
										<input type="checkbox">		
									</td>
									<td>				
										<nested:text property="item(<%=index%>)"></nested:text>
									</td>																			
								</tr>
								</nested:iterate>
												
															
								</tbody>
								<tfoot>
								<img src="/WMSProject1/img/add-icon.gif" width="16" height="16" alt="Add" onclick="addRowToTable()">
								<img src="/WMSProject1/img/hr.gif" width="16" height="16" alt="Remove" onclick="deleteRow()">
								</tfoot>								
								</table>
						</div>
							
						<table align="center">
							<tr>
								<td>
									<input class="button" type="submit" name="btnAddGRN"
										value="Add">
								</td>
								<td>
									<input class="button" type="submit" name="btnCancleGRN"
										value="Cancel">
								</td>
							</tr>
						</table>						
					</html:form>
				</div>
			</div>
		</div>

		<script language="JavaScript">
					new tcal ({'formname': 'goodsReceiptNoteForm','controlname': 'grn_date'});
					new tcal ({'formname': 'goodsReceiptNoteForm','controlname': 'received_dt'});
					new tcal ({'formname': 'goodsReceiptNoteForm','controlname': 'po_dt'});
					new tcal ({'formname': 'goodsReceiptNoteForm','controlname': 'dc_dt'});
					new tcal ({'formname': 'goodsReceiptNoteForm','controlname': 'invoice_date'});
					new tcal ({'formname': 'goodsReceiptNoteForm','controlname': 'excise_invoice_date'});
					new tcal ({'formname': 'goodsReceiptNoteForm','controlname': 'lr_date'});										
		</script>
		<script type="text/javascript">

				function alternate(id){
 					if(document.getElementsByTagName)
 					{  
   						var table = document.getElementById(id);  
   						var rows = table.getElementsByTagName("tr");
   						var i=0;  
   						for( ; i < rows.length; i++)
   						{          
 							//manipulate rows 
     						if(i % 2 == 0)
     						{
       							rows[i].className = "bg";
     						}else
     							rows[i].className=null;
   						}
 					}
 					
 					var suppDisaplyAttributes = document.getElementById("supplierName").value;
		 			var attribute = suppDisaplyAttributes.split('|');
	   				if(attribute.length == 3){	   	
	   	 				document.getElementById("suppContc").value = attribute[0];
	   	 				document.getElementById("suppAddr").value = attribute[1];
	   	 				document.getElementById("suppTel").value = attribute[2];	   	  
	   				}
				}//end function

		</script>	
		<script type="text/javascript">
		function onChangeSupplier(){		
		 var suppDisaplyAttributes = document.getElementById("supplierName").value;
		 var attribute = suppDisaplyAttributes.split('|');
	   	if(attribute.length == 3){	   	
	   	 	document.getElementById("suppContc").value = attribute[0];
	   	 	document.getElementById("suppAddr").value = attribute[1];
	   	 	document.getElementById("suppTel").value = attribute[2];	   	  
	   	} 
		}
		</script>	
		
		<!--  test -->
		<script type="text/javascript">
		function addRowToTable()
		{
  				//var tbl = document.getElementById('itemTbl');
  				var table = document.getElementById('itemTbl');
                var rowCount = table.rows.length;                
                var row = table.insertRow(rowCount);
                var colCount = table.rows[1].cells.length;
                
                for(var i=0; i<colCount; i++) {

                        var newcell      = row.insertCell(i);

                        newcell.innerHTML = table.rows[1].cells[i].innerHTML;
                        alert(newcell.childNodes[1].type);
                        switch(newcell.childNodes[1].type) {
                              case "text":
                                          newcell.childNodes[1].value = "";
                                          break;
                              case "checkbox":
                                          newcell.childNodes[1].checked = false;
                                          break;
                              case "select-one":
                                          newcell.childNodes[1].selectedIndex = 0;
                                          break;
                        }
                  }
                  
                  alternate('itemTbl');  				
  
			}
			
			function deleteRow() {
                  try {
                  var table = document.getElementById('itemTbl');
                  
                  var rowCount = table.rows.length;

                  for(var i=0; i<rowCount; i++) {
                        var row = table.rows[i];
                        var chkbox = row.cells[0].childNodes[0];
                        if(null != chkbox && true == chkbox.checked) {                        		
                              if(rowCount <= 2) {
                                    alert("Cannot delete all the rows.");
                                    break;
                              }
                              table.deleteRow(i);
                              rowCount--;
                              i--;
                        }

                  }
                  }catch(e) {
                        alert(e);
                  }
                  alternate('itemTbl');
            }
		
		
		</script>

	</body>
</html>