Reset the collection content in bean:define

[Ravi Petchimuthu]

Hi,

I am using ajax, bean efine for html:select and html ptions.

Here I need to reset the listcontent available for bean efine with the new list.

For Ex: Country list and State list are there, based on the country selection I need to update the state list using ajax.

Now I can able to get the StateList generated in my action as well as form but its not reflecting in jsp(bean efine shows the old value).

Regards,
Ravi.P

[Marimuthu Madasamy]

Originally posted by Ravi Petchimuthu:
Now I can able to get the StateList generated in my action as well as form but its not reflecting in jsp(bean efine shows the old value).

All the struts tags (including

bean :mrgreen: efine

) will be executed when the entire JSP page is loaded. In case of AJAX, i hope you are not reloading the entire page. So

bean :mrgreen: efine

has got nothing to do here in AJAX requests.

So my suggestion is,

in your action class,
Populate the list from db and make it available in request scope.

ArrayList<String> stateList = new ArrayList<String>();
 
//should be populated from DB for the particular country
stateList.add("aaa");
stateList.add("bbb");
stateList.add("ccc");
request.setAttribute("states", stateList);
return mapping.findForward("statesView");

in struts-config.xml,

<action ...>
<forward name="statesView" path="/StatesXMLView.jsp"/>
</action>

in StatesXMLView.jsp,

<%@ page language="java" contentType="text/[B]XML[/B]; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
 
<states>
    <c:forEach var="state" items="${states}">
        <state>${state}</state>
    </c:forEach>
</states>

In JavaScript file,

//This is AJAX onreadystatechange function
function viewStates() {
    if(xmlHttpRequest.readyState == 4) {
if (xmlHttpRequest.status == 200) {
            var responseXML = xmlHttpRequest.responseXML;
            var statesRoot = responseXML.getElementsByTagName("states")[0];
            var states = statesRoot.getElementsByTagName("state");
            var viewText = "";
            for(var i = 0; i < states.length; i++) {
                  var state = states[i].firstChild.nodeValue;
                  viewText += "<option value='" + state + "'>";
                  viewText += (state + "</option>");
            }
            var statesDropDown = document.getElementById("state");
            statesDropDown.innerHTML = viewText;
 
        }
    }
}

Hope this helps.

- Marimuthu M