Resetting the id of dynamically generated JSF custom command link

Question

I have a java faces page which displays data from an arraylist.
This list is populated when user inputs data in the input text field and clicks "Add Group" button.
The arralylist consist of another arraylist within the former.
I have created a custom command link for the former arraylist.
As an user can add data to the arraylist so can he remove it from the arraylist.
The command link has a method binding "closeTask" which is invoked when command link is clicked.
This action removes the clicked element from the arraylist and displays the fresh list.
The key field from the bean in the former arraylist is set in request, and is retrieved in the "closeTask" method to be assigned to the command link output text id (i.e. it identifies the element that is to be deleted from the arraylist).
This functionality does not work as expected, i.e. command link component is not created/rendered during deletion as it is created while addition.
As a result eventhough the element is removed from the arraylist, the id corresponding to the fresh arraylist is not refreshed and for further actions correct id is not passed and the deletion function does not work.
How can I have resolve this problem?
The sample code is included.
Thanks in advance.
Java Faces Code:
<%
FacesContext facesContext = FacesContext.getCurrentInstance();
Application app = facesContext.getApplication();
Bkbean bean = (Bkbean)app.createValueBinding("#{bckbean}").getValue(facesContext);
List aList = bean.getAList();
if(aList!=null && aList.size()>0) {                                                            
for(int i=0; i<aList.size(); i++) {
ABean abean = (ABean) aList.get(i);
int keyValue = abean.getKey();
request.setAttribute("key", String.valueOf(keyValue));
%>
<TR>
<TD width="90%">
<%=abean.getCtg()%>
</TD>
<TD width="9%">
<%=abean.getKey()%>
</TD>
<TD width="1%" align="right" valign="top">
<h:commandLink binding="#{bckbean.commandLnk}" styleClass="commandLink">
</h:commandLink>
</TD>
</TR>
<%
List dList = abean.getDList();
if(dList!=null) {
for(int j=0; j<dList.size(); j++) {
String tData = (String) dList.get(j);
%>
<TR>
<TD width="90%">
<%=tData%>
</TD>
<TD width="10%" colspan="2">
</TD>
</TR>
<%
}%>
<%
%>
<TR>
<TD align="right">
<h:inputText id="inputtxt001" value="#{bckbean.val}"></h:inputText>
</TD>
<TD align="left" colspan="2">
<hx:commandExButton type="submit" value=" Add Group " styleClass="commandExButton" id="submitbtn001" action="#{bckbean.addVal}">
</hx:commandExButton>
</TD>
</TR>
Backing Bean Code:
public void closeTask(ActionEvent event) {
String key = "";
UIOutput lnkTxt = null;
UICommand comp = (UICommand)event.getComponent();
if(comp.getChildren() != null && comp.getChildren().size() >0) {
for (int i=0; i<comp.getChildren().size(); i++) {
lnkTxt = (UIOutput)comp.getChildren().get(i);
key = lnkTxt.getId();
int selectedKey = (new Integer(key.substring(2))).intValue();
if(aList!=null) {
for(int i=0; i<aList.size(); i++) {
ABean abean = (ABean) aList.get(i);
if(abean.getKey()==selectedKey) {                                             
aList.remove(i);
break;
public UICommand getCommandLnk() {
String id = (String) request.getAttribute("key");
UICommand commandLnk = new UICommand();
commandLnk.setId("key" + id);
UIOutput outTxt = new UIOutput();
outTxt.setId("id"+id);
outTxt.setValue("X");
commandLnk.getChildren().add(outTxt);
MethodBinding mb = app.createMethodBinding("#{bckbean.closeTask}", new Class[]{ActionEvent.class});
commandLnk.setActionListener(mb);
commandLnk.setImmediate(true);
return commandLnk;
}

Answer 1

You cud define jsObjectNeeded and onClientClick properties for the htlm component and catch the event to find itz ID.
This might help you:
Accessing HTMLB form values from JAVASCRIPT
To give you an idea abt how the code works:
Portal: Bug in the  radio button's javascript api
Regards,
N.
Plz click a star if it helped.