[SalesForce] PageBlockTable with Lists of

I have a couple of lists in my controller. And i have a table. The first element in both lists correspond to each other and i want them to show up side by side on the pageblocktable. The problem is there is no iterator for them and they just print the complete list in every column for each list.

<apex:column value="{!string}" />
<apex:column value="{!date}" />

I tried making it so that is there anyway to use an iterator in the pageblocktable to achieve what i want? or will i have to use something else.

<apex:column value="{!string[i]}" />
<apex:column value="{!date[i]}" />

Best Answer

Time for the infamous 'wrapper' inner class!

Assuming there is a 1:1 correspondence between the string list and the integer list ....

Your controller (assumes the pageblocktable is displayed after the string and integer lists are instantiated; if not, the getter for myWrapperList needs adjusting)

private List<String> sList;
private List<Integer> iList;

public List<MyWrapper>  myWrapperList {
  get {
       if (myWrapperList = null) {
          myWrapperList = new List<MyWrapper> ();
          for (integer i = 0; i < sList.size(); i++)
              myWrapperList.add(new MyWrapper(sList[i],iList[i]));
      }
      return myWrapperList;
  }
 private set;
}

public class MyWrapper {
   public String str {get; set;}
   public Integer int {get; set;}
   public MyWrapper(String s, Integer i) {
      this.str = s;
      this.int = i;
}

The VF pageBlocktable thus becomes

<apex:pageblockTable value="{!myWrapperList}" var="mw">
  <apex:column value="{!mw.str}"/>
  <apex:column value="{!mw.int}"/>
</apex:pageBlockTable>

Related Solutions

[SalesForce] Using subclass in pageBlockTable – Headers not displaying

I'm not sure what's going on behind the scenes that allows it to work differently depending on what's in the List.

It isn't exactly elegant, but you could use JavaScript to create the row headers, if you really need to.

 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script>
 <script type="text/javascript">
     var $j = jQuery.noConflict();
     var colHeaders = [];
     var i = 0;
     <apex:repeat value="{!gridRows[0].products}" var="p">
         colHeaders[i] = '{!p.Name}';  
         i++
     </apex:repeat>

     $j(document).ready(function() {
         var headerRow = $j('.theTable thead tr');
         for (i = 0; i < colHeaders.length; i++) {
             headerRow.append('<th>' + colHeaders[i] + '</th>');
         }
     });
 </script>

Add a styleClass to your table so that it is easier to select with jQuery.

 <apex:pageBlockTable value="{!gridRows}" var="row" styleClass="theTable">

[SalesForce] Editing multiple rows in pageblocktable simultaneously

On keypress/keydown/change of your inputFields (whichever you prefer) you should call an action function to sync values. The idea is to pass along which field you're updating, and which record to sync from, and loop through your records to identify selected records and update the proper field. This may be a bit clunky but I hope I'm conveying the idea appropriately.

<apex:actionFunction name="sync" action="{!sync}">
    <apex:param name="field" assignTo="fieldToUpdate" value="" />
    <apex:param name="value" assignTo="selectedId" value="" />
</apex:actionFunction>

<!-- using i as an example for your table values -->
<apex:inputField value="{i.Phone}" onChange="sync('phone', '{i.Id}')" />



List<WrapperObject> WrappedObjectList = (however you fill your list);

public string fieldToUpdate {get;set;}
public string selectedId {get; set;}
public string fieldValue{
    get{
        //grab the value from the selected object
        for(WrappedObject o : WrappedObjectList){
            if(o.Id == selectedId){
                if(fieldToUpdate == "phone"){
                    return o.Phone;;
                }
            }
        }
        return "";
    }
}

public PageReference sync(){
    for(WrappedObject o : WrapperObjectList){
        //update all selected objects with that value
        if(o.Selected){
            if(fieldToUpdate == "phone"){
                o.Phone = fieldValue;
            }
        }
    }
    return null;
}

Hope this helps! c:

Best Answer

Related Solutions

[SalesForce] Using subclass in pageBlockTable – Headers not displaying

[SalesForce] Editing multiple rows in pageblocktable simultaneously

Related Topic