how to create a list of inplaceInput tags from an array in the glue bean

[Amy Saari]

fyi

   
       <a4j:repeat value="#{DescriptionHandler.descriptions}" var="desc"
       	       rowKeyVar="rowIndex" ajaxKeys="#{DescriptionHandler.descriptionsToUpdate}" >
       	       <rich:inplaceInput id="#{rowIndex}ID" 
       	        value="#{DescriptionHandler.descriptionsToUpdate[rowIndex]}" 
       	        editEvent="ondblclick" defaultLabel="click to edit" showControls="true"
       	        rendered="true" inputWidth="20">
       	        <a4j:support event="onviewactivated" reRender="devpanel"
       	         action="#{DescriptionHandler.process}" >
                 <a4j:actionparam name="desc#{rowIndex}ID" value="#{rowIndex}" assignTo="#   
                       {DescriptionHandler.rowUpdated}" />
                </a4j:support>
       	       </rich:inplaceInput>
       	       <br></br><br></br>
       	     </a4j:repeat>

glue-bean code - I used StringBuffer in the model class so I'm converting them to Strings in the glue bean.  When I learn a bit more about jsf/richfaces I may go back and try and make this cleaner.   I didn't include the model classes.

public class DescriptionHandler {
	
	static Logger logger = Logger.getLogger(DescriptionHandler.class.getName());

	// this is a glue-bean and so it's going to get the list of StringBuffer
	// objects from the model bean and create a list of String objects for
	// the ui to work with
	private List<String> descriptionsToUpdate = new ArrayList<String>();
	
	// we have to know which which desc in the list was touched
	// the value for this is sent via a a4j:actionparam tag
	private Integer rowUpdated = new Integer(0);

	public DescriptionHandler() {}
	
	public String process() {
		logger.debug("starting process()");
		logger.debug("rowUpdated: " + rowUpdated.intValue());
		for( int i=0; i<descriptionsToUpdate.size(); i++) {
			logger.debug("i: " + i + ", descriptionsToUpdate = " + descriptionsToUpdate.get(i));
		}
		// in the descriptionsToUpdate list at location rowUpdated is the value the user
		// changed - get it and then change that same value in model list.
		// this is the reason the model contains StringBuffer objects
		String changedString = descriptionsToUpdate.get(rowUpdated);
		EnvironmentBean envBean = getEnvBeanFromRootBean(envUpdated.intValue());
		List<StringBuffer> modelList = envBean.getDescriptions();
		int len = modelList.get(rowUpdated).length();
		modelList.get(rowUpdated).replace(0, len, changedString);
		return "success";
	}
	
	public List><String> getDescriptions() {
		logger.debug("getDescriptions from env number envUpdated: " + envUpdated.intValue());
		// for now we'll always go to the model to get the data, but later we may
		// come back and make this more efficient.
		EnvironmentBean envBean = getEnvBeanFromRootBean(envUpdated.intValue());
		List<StringBuffer> list = envBean.getDescriptions();
		descriptionsToUpdate = new ArrayList<String>();
		for(int i=0; i<list.size(); i++) {
			descriptionsToUpdate.add(new String(list.get(i).toString()));
		}
		return descriptionsToUpdate;
	}
	
	public int getNumDescriptions() {
		logger.debug("starting getNumDescriptions");
		EnvironmentBean envBean = getEnvBeanFromRootBean(envUpdated.intValue());
		return envBean.getDescriptions().size(); 
	}

	public Integer getRowUpdated() {
		logger.debug("starting getRowUpdated");
		return rowUpdated;
	}

	public void setRowUpdated(Integer rowUpdated) {
		logger.debug("starting setRowUpdated: " + rowUpdated);
		this.rowUpdated = rowUpdated;
	}
	
	public List><String> getDescriptionsToUpdate() {
		logger.debug(" starting getDescriptionsToUpdate");
		return descriptionsToUpdate;
	}

	public void setDescriptionsToUpdate(List<String> descriptionsToUpdate) {
		logger.debug(" starting setDescriptionsToUpdate");
		this.descriptionsToUpdate = descriptionsToUpdate;
	}

	private EnvironmentBean getEnvBeanFromRootBean(int index) {
		ExternalContext ec = FacesContext.getCurrentInstance().getExternalContext();
		RootBean rootBean = (RootBean)((ServletContext)ec.getContext()).getAttribute(RootBean.class.getName());
		if( rootBean == null ) {
			logger.error("no rootBean found in servlet context!!!");
			return new EnvironmentBean();
		}
		logger.debug("getting env bean from index: " + index);
		if( rootBean.getNumberOfEnvironments() > index )
			return rootBean.getEnvironment(index);
		else {
			logger.error("no environment bean found!");
			return new EnvironmentBean();
		}
	}
}

 

Hope this helps...
Amy

[Amy Saari]

I added a4j:commandLink tags so the user can click on the icon to add a description to the list or delete one. The glue bean code for those methods is trivial so I didn't include it. Also the a4j:region tag will prevent a screen blink as it tells the browser to just update that single inplaceInput component. This also allows the user to double click on multiple lines and open them for editing and then save one of the edits without closing the other component edits - if that makes sense...

Amy

    
<rich:panel id="devpanel" style="width:250px">
       	     <f:facet name="header">Last Updated: #{HomePageHandler.lastUpdated}</f:facet> 
       	     <a4j:repeat value="#{DescriptionHandler.descriptions}" var="desc"
       	       rowKeyVar="rowIndex" ajaxKeys="#{DescriptionHandler.descriptionsToUpdate}" >
       	       <a4j:region renderRegionOnly="true">
       	        <rich:inplaceInput id="#{rowIndex}ID" 
       	         value="#{DescriptionHandler.descriptionsToUpdate[rowIndex]}" 
       	         editEvent="ondblclick" defaultLabel="click to edit" showControls="true"
       	         rendered="true" inputWidth="140" >
       	         <a4j:support event="onviewactivated" reRender="#{rowIndex}ID"
       	          action="#{DescriptionHandler.processInLineEdit}" >
                  <a4j:actionparam name="desc#{rowIndex}ID" value="#{rowIndex}" assignTo="#{DescriptionHandler.rowUpdated}" />
                 </a4j:support>
       	        </rich:inplaceInput>
       	       </a4j:region>
       	       <rich:spacer> </rich:spacer>
       	       
       	       <a4j:commandLink id="#{rowIndex}ADDID" reRender="devpanel"
       	        action="#{DescriptionHandler.processInlineAdd}">
       	        <h:graphicImage value="images/inlineadd.gif" width="12" 
       	          height="17" style="border:none;"/>
       	          <a4j:actionparam name="desc#{rowIndex}ID" value="#{rowIndex}" assignTo="#{DescriptionHandler.rowUpdated}" />
               </a4j:commandLink>
               
       	       <a4j:commandLink id="#{rowIndex}COMMANDID" reRender="devpanel"
       	        action="#{DescriptionHandler.processDelete}">
       	        <h:graphicImage value="images/trashcan.gif" width="12" 
       	          height="17" style="border:none;"/>
       	          <a4j:actionparam name="desc#{rowIndex}ID" value="#{rowIndex}" assignTo="#{DescriptionHandler.rowUpdated}" />
               </a4j:commandLink>
       	       
       	       <br></br><br></br>
       	     </a4j:repeat>
       	   </rich:panel>