question on using pageblocksection

Question

A part of VF page is below:

<apex:pageBlockSection title="EVALUATION">
    <apex:pageblockTable value="{!interviewSkillReviews}" var="skillreview">
        <apex:column headerValue="Parameters">  
            <apex:outputLabel value="ABC" />   
            <apex:outputLabel value="Hello" /> 
            <apex:outputLabel value="Test" /> 
            <apex:outputLabel value="XYZ" />
        </apex:column>
        <apex:column headerValue="Rating">                        
            <apex:selectList value="{!rating}" multiselect="false" size="1" rendered="{!interviewerMode}" >
                <apex:selectOption itemValue="1" itemLabel="1"/>
                <apex:selectOption itemValue="2" itemLabel="2"/>
                <apex:selectOption itemValue="3" itemLabel="3"/>
                <apex:selectOption itemValue="4" itemLabel="4"/>
                <apex:selectOption itemValue="5" itemLabel="5"/>
            </apex:selectList>     
        </apex:column>
    </apex:pageblockTable>
</apex:pageBlockSection>

And it is rendered as:

The value in output text is just the field api name of the object Interview__c. I have 4 field value which I would like to display in each row and have a drop down selection for each on of them visible on the page. I am trying to get the data from user for each field and update it in the database using extension class. But struck here.also, I would like the label text to appear under the parameter column. I would like it to appear like:

Answer 1

I am not sure what is inside your interviewSkillReviews in your controller class. But in order to achieve your result, you will need something like this. In your apex controller:

List<skillHelper> interviewSkillReviews = new List<skillHelper>();
interviewSkillReviews.add(new skillHelper('ABC'));
interviewSkillReviews.add(new skillHelper('Hello'));
interviewSkillReviews.add(new skillHelper('Test'));
interviewSkillReviews.add(new skillHelper('XYZ'));

class skillHelper {
    public String review;
    public skillHelper (String review) {
        this.review = review;
    }
}

Then in your VF page:

<apex:pageBlockSection title="EVALUATION">

    <apex:pageblockTable value="{!interviewSkillReviews}" var="skillreview">
        <apex:column headerValue="Parameters">  
            <apex:outputLabel value="{skillreview.review}" />   
        </apex:column>

        <apex:column headerValue="Rating">                        
            <apex:selectList value="{!rating}" multiselect="false" size="1" rendered="{!interviewerMode}" >
                <apex:selectOption itemValue="1" itemLabel="1"/>
                <apex:selectOption itemValue="2" itemLabel="2"/>
                <apex:selectOption itemValue="3" itemLabel="3"/>
                <apex:selectOption itemValue="4" itemLabel="4"/>
                <apex:selectOption itemValue="5" itemLabel="5"/>
             </apex:selectList>     
        </apex:column>

    </apex:pageblockTable>
</apex:pageBlockSection>

Apparently you need to adjust the code according to your requirement. But this should give you the idea on how to generate a table via pageBlockTable

Answer 2

<apex:pageBlockSection title="EVALUATION">
<apex:pageblockTable value="{!interviewSkillReviews}" var="skillreview">
    <apex:column headerValue="Parameters">                                
      <apex:outputText label="Communication: Presentation of ideas, clarity of thought and expression" value="{!Interview__c.Communication__c}"/>
      <apex:outputText value="{!Interview__c.Attitude__c}"/>
    </apex:column>

   <apex:column headerValue="Rating">              
        <apex:repeat value='{!allfields}' var='field'>
            <apex:outputText label={!field.fieldname} value={!field.fieldname}/>
            <apex:selectList value="{!field.selectedValue}" multiselect="false" size="1" rendered="{!interviewerMode}"  >
                <apex:selectOptions value="{!field.selectListOfValues}"/>               
             </apex:selectList>     
         </apex:repeat>
   </apex:column>
    </apex:pageblockTable>
    </apex:pageBlockSection>



   public fieldandparamater
{
    Interview__c interview{get;set;}
    List<wrapper> allfields{get;set;}
    fieldandparamater(ApexPages.StandardController controller)
    {
        interview = (Interview__c)controller.getRecord();
        interview = [Select fields from Interview__c]
        allfields = new  List<wrapper>();
        String[] fieldnames = new String[]{'Field1__c','Field2__c','Field3__c',Field4__c'}; 
        for(String s: fieldnames)
        {
            allfields.add(s);
        }
    }
    public pagereference save()
    {
        Sobject inter_sobj = interview;
        for(wrapper field:allfields)
        {
            inter_sobj.put(field.fieldname,field.selectedValue)
        }
        update inter_sobj;
    }
    class wrapper
    {
        public String fieldname{get;set;}
        public String selectedValue{get;set;}
        public List<SelectOption> selectListOfValues{get;set;}
        wrapper(String fieldname)
        {
            this.fieldname = fieldname;
            this.selectedValue = selectedValue;
            selectListOfValues = picklistvalues();
        }
        public List<SelectOption> picklistvalues() {
            List<SelectOption> options = new List<SelectOption>();
            options.add(new SelectOption('1','1'));
            options.add(new SelectOption('2','2'));
            options.add(new SelectOption('3','3'));
            options.add(new SelectOption('4','4'));
            options.add(new SelectOption('5','5'));
            return options;
        }
    }
}