[SalesForce] Display Selected values of one SelectList in another SelectList

I have 2 <apex:selectList>. The values of 1 selectList (called Available) are populated from Query. When user selects values from this multi-select selectList, I want to show them immediately in another selectList (called Chosen) just beside it. I'm using actionSupport for this but doesn't seem to work.

Here are the 2 selectLists. On "onclick" event, I'm calling a controller method to put the tasksSelected into TasksChosen

<apex:repeat value="{!MapDep}" var="deptKey">
    <apex:selectList id="Available" value="{!tasksSelected}" multiselect="true" >   
      <apex:actionSupport event="onclick" action="{!AddSelectedTasks}" rerender="chosen"/>
      <apex:selectOptions value="{!MapDep[deptKey]}"/>
    </apex:selectList>         

    <apex:selectList id="chosen" value="{!tasksSelectedByUser}" multiselect="true">
        <apex:selectOptions value="{!TasksChosen}" />
    </apex:selectList> 
</apex:repeat>

But the tasksSelected values from the 1st selectList is null!!

    public void AddSelectedTasks(){     
        System.debug('on click------>'+tasksSelected);
        for(String t:tasksSelected){
            TasksChosenList.add(new SelectOption(t, t));
        }       
    }

    public List<SelectOption> TasksChosenList = new List<SelectOption>();

    public List<SelectOption> getTasksChosen(){     
        return TasksChosenList;
    }

Above is the Add SelectedTasks Method, the debug that I added is giving null. How do I solve this? Any hints?

Note: The two selectLists are inside an <apex:repeat>!

Best Answer

Figured out, the setter for TasksSelectedByUser was wrong, my bad! Thanks @Keith C

public void setTasksSelectedByUser(String[] TasksSelectedByUser){
    this.TasksSelectedByUser = TasksSelectedByUser;
}

Thanks All, for the comments!

Related Solutions

[SalesForce] Visualforce SelectList value not setting on Rerender

No need to set the userType as a param on the action function....since the action function and the select list is within the same form section, userType will automatically get set. Also, you can set actionFunction's action="{!null}". It wants an action in there, but all we're really saying is "do the post and rerender the screen". Also note that field validation will occur before the sets...so if you had an input field set to required within the same form tags, your process would fail with no feedback (unless you had a pageMessages tag within the rerendered section)

[SalesForce] Converting a SelectList to a MultiSelectPickList

Here is what that needs to be done to use the VF Component.

Add the following in your argument list

   public List<SelectOption> selNames {get;set;}
   public List<SelectOption> items    {get;set;}
   public List<String> selected       {get;set;}

Initialize them in the Constructor

selNames = new List<SelectOption>();
items    = new List<SelectOption>();
selected = new List<String>();

In your execute where you are getting accountid, add the following

if(accountid != null) {
    account a =[select name , (select name from Subsidiaries_and_Brands__r) from account where id =:accountid];

for(SubsidiariesAndBrands__c s : a.Subsidiaries_and_Brands__r) {
    items.add(new SelectOption(s.name,s.name));
   }
}
else
   items.add(new SelectOption('None','None'));

Finally when you select some values from left to right and click save, in the save method, add following to get the selected values.

   for(SelectOption so : selName){
       system.debug('Select vals ' + so.getValue());
       selected.add(so.getValue());
   }

The Visualforce page SelectOption would be replaced with following

  <apex:pageBlockSection title="Subsidiaries" id="SelectedSubs">
  <apex:pageBlockSectionItem >  
    <c:MultiselectPicklist leftLabel="Available Subsidiaries"
        leftOptions="{!items}"
        rightLabel="Selected Subsidiaries"
        rightOptions="{!selNames}"
        size="14"
        width="150px"/>
    <apex:pageBlockButtons >
        <apex:commandButton value="Save" action="{!save}" rerender="selPanel"/>
    </apex:pageBlockButtons>
</apex:pageBlockSectionItem> 
<apex:pageBlockSectionItem id="selPanel">  
<apex:outputPanel>
<apex:outputLabel >Subsidiaries Selected:</apex:outputLabel> 
<apex:repeat value="{!selected}" var="s">
<apex:outputtext value="{!s}" id="field"/> 
</apex:repeat>
</apex:outputPanel

Related Topic