selectManyCheckbox

[Joe Jose]

Hi,

I have 3 tabbed panes.

In the 3rd tab pane I need to create dynamic selectManyCheckbox with input text in a button click. I couldn't work it out. What I am trying to get it is, when I click the 'Add' button it shoul show one check box with an input text box.

Here, when I click Add button not only it doesn't show anything but also the control goes to the first tab .

Here is my code :

<t:panelTabbedPane
styleClass="tabbedPane"
activeTabStyleClass="activeTab"
inactiveTabStyleClass="inactiveTab"
disabledTabStyleClass="disabledTab"
activeSubStyleClass="activeSub"
inactiveSubStyleClass="inactiveSub"
tabContentStyleClass="tabContent">
 
<t:saveState id="list1" value="#{CreateQuoteBean.deptList}"/>
<t:saveState id="list2" value="#{CreateQuoteBean.selectedDept}"/>
 
<t:panelTab id="work" label="Work" >
<h:panelGrid id="hpanel" columns="3">
<h:outputText value="Available Departments" style="background-color:gold;font-weight: bold;"/> 
<f:verbatim>        
         
       
         </f:verbatim>
<h:outputText value="Selected Departments" style="background-color:gold;font-weight: bold;"/>
</h:panelGrid>
 
<h:panelGrid id="panel1" columns="5" style="width:100%"> 
 
<h:selectManyListbox id="deptList"value="#{CreateQuoteBean.selectedDeptList}">
<f:selectItems value="#{CreateQuoteBean.deptList}"/>
</h:selectManyListbox>
 
<h:commandButton id="add" action="#{CreateQuoteBean.moveItems}" value=">" styleClass="DataList" />
<f:verbatim>  </f:verbatim>
<h:commandButton id="remove" action="#{CreateQuoteBean.removeItems}" value="<" styleClass="DataList" />
 
<h:selectManyListbox id="depts" value="#{CreateQuoteBean.departments}">
<f:selectItems value="#{CreateQuoteBean.selectedDept}" />
</h:selectManyListbox>
</h:panelGrid>
</t:panelTab>

<t:panelTab id="material" label="Material">
<h:panelGrid id="p1" columns="3">
<h:outputLabel for="matCode" value="#{msg.matCode}" />
<f:verbatim>          </f:verbatim>
<h:inputText id="matCode"/>
</h:panelGrid>
<h:panelGrid id="p2" columns="3">
<h:outputLabel for="qnty" value="#{msg.qnty}" />
<f:verbatim>    </f:verbatim>
<h:inputText id="qnty"/>
</h:panelGrid>
<h:panelGrid id="p3" columns="3">
<h:outputLabel for="deliveryReq" value="#{msg.delivery_req}" />
<f:verbatim>   </f:verbatim>
<h:selectOneMenu id="deliveryReq" value="deliveryReq" required="true" >
<f:selectItem itemValue="y" itemLabel="Yes" />
<f:selectItem itemValue="n" itemLabel="No" />
</h:selectOneMenu>
</h:panelGrid>
</t:panelTab>
 
<t:panelTab id="stock" label="Stock">
<h:panelGrid id="stock1" columns="3">
<h:message for="matCds" />
<h:outputLabel for="matCode" value="#{msg.matCode}" />
<f:verbatim>          </f:verbatim>
 
<h:selectManyCheckbox id="matCds" value="#{CreateQuoteBean.matCodes}" rendered="#{CreateQuoteBean.addMat}">
<f:selectItems value="#{CreateQuoteBean.matCodesList}" />
</h:selectManyCheckbox>
<h:inputText id="dstRef" rendered="#{CreateQuoteBean.addMat} " />
</h:panelGrid>
<h:panelGrid id="stock2" columns="3">
<h:commandButton id="addMatCd" action="#{CreateQuoteBean.addMatCodes}" value="Add" styleClass="focusButton" />
</h:panelGrid>
</t:panelTab>
</t:panelTabbedPane>

bean:

public String addMatCodes() {
        
        setAddMat(true);
        return "addMat";
    }

I am not sure about rendering components.

Appreciate any thoughts.

Thanks,
Joe.

[Bauke Scholtz]

Basically it looks like as follows:

JSF

<h:panelGroup binding="#{myBean.group}" />
<h:commandButton value="add" action="#{myBean.action}" />

MyBean

private HtmlPanelGroup group; // + getter + setter
 
public void action() {
    HtmlSelectManyCheckbox checkbox = new HtmlSelectManyCheckbox();
    // do your thing with the checkbox, set id, valuebinding, style, items, etc
    HtmlInputText input = new HtmlInputText();
    // do your thing with the input field, set id, valuebinding, style, etc
 
    group.getChildren().add(checkbox);
    group.getChildren().add(input);
}

[Joe Jose]

Thanks for the reply.

I have tried that. But checkbox is still not coming .Eventhough one text box is coming once i press Add button, second time it fails showing the error 'duplicate component id'. Do I need to add UISelectItem for checkbox and text box ? How can I do that ? Please can you give me some more clear view ?

Thanks,
Joe.

[Joe Jose]

Originally posted by Bauke Scholtz:
Basically it looks like as follows:

JSF

<h:panelGroup binding="#{myBean.group}" />
<h:commandButton value="add" action="#{myBean.action}" />

MyBean

private HtmlPanelGroup group; // + getter + setter
 
public void action() {
    HtmlSelectManyCheckbox checkbox = new HtmlSelectManyCheckbox();
    // do your thing with the checkbox, set id, valuebinding, style, items, etc
    HtmlInputText input = new HtmlInputText();
    // do your thing with the input field, set id, valuebinding, style, etc
 
    group.getChildren().add(checkbox);
    group.getChildren().add(input);
}

Can you please give me more clear view ? I got one input text but not any checkboxes . If I press the command button 2 times, it gives 'duplicate id' error. Could any one please help me .

Thanks,
Joe.

[Bauke Scholtz]

Originally posted by Joe Jose:

Can you please give me more clear view ? I got one input text but not any checkboxes .

You have to add selectitems to the checkbox, otherwise it will be empty indeed.

If I press the command button 2 times, it gives 'duplicate id' error.

Or you're doing something wrong (first try not to set the ID, JSF will do it all for you), or you need a JSF version upgrade.

[Joe Jose]

Thankyou very much for the reply Bauke.

As you said, I cancelled setting id and now tried to set selectItem value to check box. Please have a look into my code :

 
 public String addMatCodes() {
        
    HtmlSelectManyCheckbox checkbox = new HtmlSelectManyCheckbox();    
        // do your thing with the checkbox, set id, valuebinding, style, items, etc 
   checkbox.setValue(new SelectItem("chk1"));     
        group.getChildren().add(checkbox);
        Logger.getLog().debug("adding ....");
        return "addMat";
    }
 

Please can you spot where I am going wrong ?

Thanks,
Joe.

[Bauke Scholtz]

I was thinking about it .. You better can use DTO's to hold data in it for UIInput components.

JSF

<h:form>
    <h:dataTable value="#{myBean.items}" var="item">
        <h:column>
            <h:selectManyCheckbox value="#{item.selectedItems}">
                <f:selectItems value="#{item.selectItems}" />
            </h:selectManyCheckbox>
        </h:column>
        <h:column>
            <h:inputText value="#{item.inputValue}" />
        </h:column>
    </h:dataTable>
    <h:commandButton value="add" action="#{myBean.addItem}" />
</h:form>

MyBean

private List items = new ArrayList();
 
public void addItem() {
    Item item = new Item();
    item.setSelectedItems(new ArrayList());
    item.setSelectItems(getSelectItems());
    // do your thing
    
    items.add(item);
}
    
public List getItems() {
    return items;
}
 
public void setItems(List items) {
    this.items = items;
}
 
private List getSelectItems() {
    List selectItems = new ArrayList();
    selectItems.add(new SelectItem("value1", "label1"));
    selectItems.add(new SelectItem("value2", "label2"));
    selectItems.add(new SelectItem("value3", "label3"));
    return selectItems;
}

MyBean should be session scoped to keep the new added items in the session. If you really want to use the request scope, then use Map FacesContext.getCurrentInstance().getExternalContext().getSessionMap() instead to store and retrieve the List items.

[Joe Jose]

Thank you very much for the reply.Thank you for your time for think about it.

I wll try it. In between I was trying another method without using checkbox. I was enering stings seperated by coma and adding it to a selectmanylistbox. But the list box behaves strangely. When I select an item from the list box and press the button, it gives exception'NoSuchElementException'. I am not sure where am going wrong. I fed up with JSF.

Here is my code :

jsp:

    
<t:panelTab id="stock" label="Stock">
<h:panelGrid id="stock1" columns="6">
<t:saveState id="code1" value="#{CreateQuoteBean.matCodesList}"/>
<t:saveState id="code2" value="#{CreateQuoteBean.matCode}"/>
<t:saveState id="code2" value="#{CreateQuoteBean.matCodes}"/>
<t:saveState id="code2" value="#{CreateQuoteBean.matCd}"/>
 
<h:outputLabel for="matCode" value="#{msg.matCode}" />
<f:verbatim>          </f:verbatim>
 
<h:inputTextarea id="matCode" value="#{CreateQuoteBean.matCode}"/>
 
<h:commandButton id="addMatCd" action="#{CreateQuoteBean.addMatCodes}" 
value="Add" styleClass="focusButton" />
 

<h:selectManyListbox id="matCd" value="#{CreateQuoteBean.matCodes}">
<f:selectItems value="#{CreateQuoteBean.matCodesList}" />
</h:selectManyListbox>
 
<h:commandButton id="removeMatCd" action="#{CreateQuoteBean.removeMatCodes}" value="Remove" styleClass="focusButton" />
</h:panelGrid>
</t:panelTab>

mybean:

    
public String addMatCodes() {        
                
        StringTokenizer st = new StringTokenizer (getMatCode());
        while (st.hasMoreTokens ()) {
        String s = st.nextToken(",");
        Logger.getLog().debug("string : "+s);
        getCodes().add(s);
        }
        Logger.getLog().debug("size of  ...."+getCodes().size());
        for(int j=0;j<getCodes().size();j++) {
            Logger.getLog().debug("list : "+String.valueOf(getCodes().get(j)));
        getMatCodesList().add(new SelectItem(String.valueOf(getCodes().get(j))));
        }
        Logger.getLog().debug("adding ....");
        
        return "addMat";
    }
    
    public String removeMatCodes() {
        Logger.getLog().debug("removing codes ..........  "+getMatCodes().size());
        for (Iterator iter = getMatCodes().iterator(); iter.hasNext();) {
        Object key = iter.next();
        for(int i=0;i<getMatCodesList().size();i++) {
        SelectItem item = (SelectItem)getMatCodesList().get(i);
        if(key.toString().equals(item.getValue().toString())){
          getMatCodesList().remove(i);
        }
          }
            }        
        Logger.getLog().debug("after removing  : ");
        return "removemat";
    }

If I don't select an item from the list, the remove button works fine and it removes all items !

Please let me know your thoughts on it.

Thanks,
Joe.

[Bauke Scholtz]

Please make you familair with Collections ..

I tried to understand your code and I guess this is what you want.

JSF

<h:inputTextarea value="#{myBean.code}"/>
<h:commandButton value="Add" action="#{myBean.addCodes}" />
 
<h:selectManyListbox value="#{myBean.selectedCodes}">
    <f:selectItems value="#{myBean.selectCodes}" />
</h:selectManyListbox>
 
<h:commandButton value="Remove" action="#{myBean.removeCodes}" />

MyBean

private String code;
private List codes;
private List selectCodes;
private List selectedCodes;
 
public void addCodes() {
    codes = Arrays.asList(code.split(","));
 
    for (Iterator iter = codes.iterator(); iter.hasNext();) {
        selectCodes.add(new SelectItem((String) iter.next()));        
    }
}
 
public void removeCodes() {
    selectCodes.removeAll(selectedCodes);
}

[ October 11, 2006: Message edited by: Bauke Scholtz ]

[Joe Jose]

Thanks Bauke. Very thoughtful of you for finding time to spare for me.

I tried your seconf solution. But didn't work out. I don't understand why it fails when select an item from the selectManyListbox ? !

It gives an exception :

java.util.NoSuchElementException
at javax.faces.component.SelectItemsIterator.next(SelectItemsIterator.java:96)
at javax.faces.component.SelectItemsIterator.next(SelectItemsIterator.java:122)
at javax.faces.component.UISelectMany.matchValue(UISelectMany.java:401)
at javax.faces.component.UISelectMany.validateValue(UISelectMany.java:370)
at javax.faces.component.UIInput.validate(UIInput.java:634)
at javax.faces.component.UIInput.executeValidate(UIInput.java:838)
at javax.faces.component.UIInput.processValidators(UIInput.java:412)
at javax.faces.component.UIComponentBase.processValidators(UIComponentBase.java:904)
at javax.faces.component.UIComponentBase.processValidators(UIComponentBase.java:904)
at javax.faces.component.UIComponentBase.processValidators(UIComponentBase.java:904)
at javax.faces.component.UIForm.processValidators(UIForm.java:170)
at javax.faces.component.UIComponentBase.processValidators(UIComponentBase.java:904)
at javax.faces.component.UIViewRoot.processValidators(UIViewRoot.java:342)
at com.sun.faces.lifecycle.ProcessValidationsPhase.execute(ProcessValidationsPhase.java:78)
at com.sun.faces.lifecycle.LifecycleImpl.phase(LifecycleImpl.java:200)
at com.sun.faces.lifecycle.LifecycleImpl.execute(LifecycleImpl.java:90)
at javax.faces.webapp.FacesServlet.service(FacesServlet.java:197)
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:247)
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:193)
at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:256)
at org.apache.catalina.core.StandardPipeline$StandardPipelineValveContext.invokeNext(StandardPipeline.java:643)
at org.apache.catalina.core.StandardPipeline.invoke(StandardPipeline.java:480)
at org.apache.catalina.core.ContainerBase.invoke(ContainerBase.java:995)
at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:191)
at org.apache.catalina.core.StandardPipeline$StandardPipelineValveContext.invokeNext(StandardPipeline.java:643)
at org.apache.catalina.core.StandardPipeline.invoke(StandardPipeline.java:480)
at org.apache.catalina.core.ContainerBase.invoke(ContainerBase.java:995)
at org.apache.catalina.core.StandardContext.invoke(StandardContext.java:2417)
at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:180)
at org.apache.catalina.core.StandardPipeline$StandardPipelineValveContext.invokeNext(StandardPipeline.java:643)
at org.apache.catalina.valves.ErrorDispatcherValve.invoke(ErrorDispatcherValve.java:171)
at org.apache.catalina.core.StandardPipeline$StandardPipelineValveContext.invokeNext(StandardPipeline.java:641)
at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:172)
at org.apache.catalina.core.StandardPipeline$StandardPipelineValveContext.invokeNext(StandardPipeline.java:641)
at org.apache.catalina.core.StandardPipeline.invoke(StandardPipeline.java:480)
at org.apache.catalina.core.ContainerBase.invoke(ContainerBase.java:995)
at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:174)
at org.apache.catalina.core.StandardPipeline$StandardPipelineValveContext.invokeNext(StandardPipeline.java:643)
at org.apache.catalina.core.StandardPipeline.invoke(StandardPipeline.java:480)
at org.apache.catalina.core.ContainerBase.invoke(ContainerBase.java:995)
at org.apache.coyote.tomcat4.CoyoteAdapter.service(CoyoteAdapter.java:193)
at org.apache.coyote.http11.Http11Processor.process(Http11Processor.java:781)
at org.apache.coyote.http11.Http11Protocol$Http11ConnectionHandler.processConnection(Http11Protocol.java:549)
at org.apache.tomcat.util.net.TcpWorkerThread.runIt(PoolTcpEndpoint.java:589)
at org.apache.tomcat.util.threads.ThreadPool$ControlRunnable.run(ThreadPool.java:666)
at java.lang.Thread.run(Thread.java:595)

I have had worked well with selecy many list box before. But now it behaves strangely. Would appreciate any explanation for this .

Time is running off ,it time to finish with this. I don't know what I have to do.

Thank you very much for your cooperation.

Thanks,
Joe.

[Joe Jose]

ohhh the code works when I put the backbean in session scope. Please any one can explain the logic behind that ?

But I don't want all the bean items into session scope. Is there any other method ?

Thanks,
Joe.

[Bauke Scholtz]

Use component bindings or use context.getExternalContext().getSessionMap().

[Paul Michael]

Here's an interesting tutorial on some of the JSF taglibs.

http://www.exadel.com/tutorial/jsf/jsftags-guide.html

Hope it helps!

[Joe Jose]

Very thoughtful of you both Bauke and Paul.

Bauke, I need to try your 2 more solutions.

I don't know how to thank you enough. Very kind enough.

But I think I need to be here until I complete with my first project with jsf since I am running out of time.

Anyway thank you all.

Joe.

[fahad siddiqui]

I am rendering HtmlSelectManyCheckbox from server side at runtime. This renders the checkbox onto the UI.
But i am not able to retrieve the values of the rendered checkboxes on the server side on submitting.
I think, my value binding is not right.

How do i do that?
Please provide some server side code to accomplish the same.

[fahad siddiqui]

I am rendering HtmlSelectManyCheckbox from server side at runtime. This renders the checkbox onto the UI.
But i am not able to retrieve the values of the rendered checkboxes on the server side on submitting.
I think, my value binding is not right.

How do i do that?
Please provide some server side code to accomplish the same.

[Joe Jose]

Please have a look at Bauke's code in this post.

Regards,

[A. Dusi]

Joe,

I saw that you also had a problem that the control is going back to the first tab.
In my project where MyFaces is used, I resolved it using the 'selectedIndex' attribute of t:panelTabbedPane. I bound it to a backing bean property and setting the property whenever the tab changes. Hope this will give you some idea.

[Joe Jose]

Yes.Thank you very much Dusi. I need to try out it on Monday. Can you give me some code samples , that will be a great help for me .

Thanks,
Joe.