public without sharing class InvestorContactAndFundVFController 
{
    /* Start - Variables */
    public List<String> lstHeaders                  	{set;get;}//list to hold names of the headers
    public List<String> lstFieldAPINames            	{set;get;}//list to hold the api names of the fields that needs to be displayed on page
    public List<RecordWrapper> lstRecordWrapper     	{set;get;}//list to hold wrapper class objects to show on the page.
    public String strObjectId                       	{get;set;}//Id of the element that needs to be deleted
    public Boolean isRender								{get;set;}//flag variable to hold the status of rendering
    public Boolean isEditable							{get;set;}//flag variable to hold the status of checkboxes
    public String ContactId								{get;set;}//variable to hold contact id
    /* End - Variables */
    
    /*Start - Class Variables */
    private static final String ACTIVE_STATUS	= 'Active';//this variable is used to show the active status for fund of interest object record
    private String strContactName;
    /*End - Class Variables */
    
    /* Start - Constructor */
    public SL_InvestorContactAndFundVFController()
    {
		//Do  Nothing
    }
    /* End - Constructor */
    
     /** 
        * @ClassName      : RecordWrapper
        * @parameter      : NA
        * @Description    : This class is used to contain the sobject records and their type to show on the inline vf page
    */ 
    public class RecordWrapper
    {
        public Sobject objSobject   			{set;get;}// variable to hold sobject record
        public String strType       			{set;get;}// variable to hold the type of sobject
        public String strObjectName 			{set;get;}// variable to hold the name of the sobject
        public RecordWrapper(Sobject objSobject, String strType, String strObjectName)
        {
            this.objSobject = objSobject;
            this.strType = strType;
            this.strObjectName = strObjectName;
        }
    }
     
     /** 
        * @Name         : getRecords
        * @parameter    : Field set name, sobject name
        * @Description  : This method is used to frame soql and retrieve the records from corresponding sobject and fill the wrapper class objects accordingly.
    */ 
    private List<RecordWrapper> getRecords(String strFieldSetName, String strSobjectName, String strType)
    {
        List<RecordWrapper> lstRecords = new List<RecordWrapper>();
        Schema.FieldSet objFieldSet = Schema.getGlobalDescribe().get(strSobjectName).getDescribe().FieldSets.getMap().get(strFieldSetName);
        String strQuery = 'SELECT Id,';
        try
        {
        	//Iterating over field set member object to fill the header list and field api list
            for(Schema.FieldSetMember objFieldSetMember : objFieldSet.getFields())
            {
                if(strType == 'Investor Contact' && objFieldSetMember.getFieldPath()!='Investment__c')
                {
                    lstHeaders.add(objFieldSetMember.getLabel());
                    lstFieldAPINames.add(objFieldSetMember.getFieldPath());
                }
                strQuery+=objFieldSetMember.getFieldPath() +',';
            }
            strQuery = strQuery.substring(0,strQuery.length()-1);
            strQuery+=' FROM '+strSobjectName;
            strQuery+= strSobjectName == 'Investor_Contact__c' ? ' WHERE Contact__c =: ContactId' : ' WHERE Contact__c =: ContactId AND Status__c=:ACTIVE_STATUS';
            
            //Iterating over records to fill the wrapper class list to bind with the page
            for(Sobject objSobject : Database.query(strQuery))
            {
                lstRecords.add(new RecordWrapper(objSobject, strType, strSobjectName));
            }
        }
        catch(Exception ex)
        {
            System.debug('================'+ex.getMessage()+'======================'+ex.getLineNumber());
        }
        return lstRecords;
    }
    
    /** 
        * @Name         : saveRecords
        * @parameter    : -
        * @Description  : This method is used to save the records updated on the page side
    */ 
    public void saveRecords()
    {
        List<Sobject> lstSobject = new List<Sobject>();//list to hold the objects that needs to be updated
        try
        {
	        //Iterating over record wrapper list to collect the objects into a list to update them.
	        for(RecordWrapper objRecordWrapper : lstRecordWrapper)
	        {
	        	lstSobject.add(objRecordWrapper.objSobject);
	        }
	    	update lstSobject;
	    	isEditable = false;
        }
        catch(Exception ex)
        {
        	System.debug('================='+ex.getMessage());
        }
    }
    
    /** 
        * @Name         : editRecords
        * @parameter    : -
        * @Description  : This method is used to enable the checkboxes on click of edit button
    */ 
    public void editRecords()
    {
    	isEditable = true;
    }
    
     /** 
        * @Name         : redirectFundOfInterest
        * @parameter    : -
        * @Description  : This method is used to redirect the standard New Fund of Interest page.
    */ 
    public Pagereference redirectFundOfInterest()
    {
    	return new Pagereference('/a0u/e?CF00NL0000003IwZg='+strContactName+'&CF00NL0000003IwZg_lkid='+ContactId+'&saveURL='+ContactId+'&retURL='+ContactId);
    }
    
    /** 
        * @Name         : redirectInvestorContact
        * @parameter    : -
        * @Description  : This method is used to redirect the standard New Investor Contact page.
    */ 
    public Pagereference redirectInvestorContact()
    {
    	return new Pagereference('/a03/e?CF00Ni000000DjVDG='+strContactName+'&CF00Ni000000DjVDG_lkid='+ContactId+'&saveURL='+ContactId+'&retURL='+ContactId);
    }
    
     /** 
        * @Name         : deleteRecords
        * @parameter    : -
        * @Description  : This method is used to delete a particular record based on its Id.
    */ 
    public void deleteRecords()
    {
    	//creating new object record
        sobject objSobject = Schema.getGlobalDescribe().get(String.valueOf(Id.valueOf(strObjectId).getSobjectType())).newSObject();
        objSobject.put('Id', strObjectId);
        delete objSobject;//deleting the sobject
        initializeElements();//initializing the elements
    }
    
     /** 
        * @Name         : initializeElements
        * @parameter    : -
        * @Description  : This method is used to initialize the elements.
    */ 
    public void initializeElements()
    { 
	    isRender = true;
	    lstHeaders = new List<String>{'Name'};
        lstFieldAPINames = new List<String>();
		lstRecordWrapper = new List<RecordWrapper>();
	    lstRecordWrapper = getRecords('SL_InvestorContactFieldSet', 'Investor_Contact__c', 'Investor Contact');//calling function for investor contact object
        lstRecordWrapper.addAll(getRecords('SL_FundOfInterestFieldSet', 'Fund_of_Interest__c', 'Fund Of Interest'));//calling function for fund of interest object
        strContactName = [SELECT Name FROM Contact WHERE Id=:ContactId].Name;
        if(lstRecordWrapper.isEmpty())
        	Apexpages.addMessage(new Apexpages.Message(ApexPages.Severity.INFO,'No Records to display.'));
    }
}

<apex:component controller="InvestorContactAndFundVFController" allowDML="true">
    <apex:attribute name="conId" description="this is an id of contact record" type="String" required="true" assignTo="{!ContactId}"/>
    <base target="_parent"/>
    <head>
        <style>
        .investorContactTable  
        {
            border:2;
            font-size: 12px;
            table-layout:fixed;
        }
        .investorContactTable td
        {
            border-width: 1px 1px 1px 1px;
            border-style:solid;
            border-color:#D2DAE0;
            font-size:0.9em;
            font-weight:bold;
            background: none repeat scroll 0% 0% #F2F3F3;
            padding:0 0 0 2px;
        }
        #buttonsDiv
        {
            text-align:center;
            padding-bottom: 10px;
            font-size: 100%;
        }
        .investorContactTable .investorRecords td
        {
            font-weight:normal;
            background:white;
            font-size:1.0em;
            border-width: 0px 0px 0px;
            padding-top:4px;
        }
        .btnDisabled
        {
            font-family:'Verdana','Geneva',sans-serif;
            background-image:url("/img/bgButtonDisabled.gif");
            background-repeat:repeat-x;
            background-position:left top;
            border-right:1px solid #999;
            border-bottom:1px solid #999;
            border-top:1px solid #ccc;
            border-left:1px solid #ccc;
            font-size:80%;
            color:#c1c1c1;
            padding:0 3px 1px 3px;
            cursor:default;
            font-weight:bold;
        }
        .editAndDelLinks a
        {
        	color:#015BA7;
        	text-decoration:none;
        }
        .actionStatusDiv
		{
			margin-top:2px;
			text-align:center;
			font-weight:bold;
			font-size:1.0em;
			background: none repeat scroll 0% 0% #F2F3F3;
		}
        </style>
    </head>
    	<apex:form >
           <apex:actionFunction name="deleteRecordsAF" action="{!deleteRecords}" rerender="pageData,showMessage" status="processing">
           	<apex:param value="" name="recordId" assignTo="{!strObjectId}"/>
           </apex:actionFunction>
           <apex:actionFunction name="saveRecordsAF" action="{!saveRecords}" rerender="pageData" status="processing" onComplete="enableButton('{!$Component.saveRecord}','{!$Component.editButton}');"/>
           <apex:actionFunction name="editRecordsAF" action="{!editRecords}" rerender="pageData" status="processing" />
           <div Id="buttonsDiv">
               <apex:commandButton value="New Fund of Interest" action="{!redirectFundOfInterest}"/>
               <apex:commandButton value="New Investor Contact" action="{!redirectInvestorContact}"/>
               <apex:commandButton value="Edit" id="editButton" onClick="return disableButton('{!$Component.saveRecord}',this);"/>
               <apex:commandButton value="Save" onClick="return saveRecords();" id="saveRecord" disabled="true"/>
           </div>
           <apex:actionFunction name="initializeElementsAF" action="{!initializeElements}" rerender="pageData,showMessage" status="loading"/>
           <apex:outputPanel id="dummy"/>
           <script>
           	window.onload = function(){
           	initializeElementsAF()
           	};
           </script>
        <apex:outputPanel id="pageData">
	        <apex:outputPanel rendered="{!isRender}">
		          <table width="100%" cellspacing = "0" cellpadding="0" class="investorContactTable">
		              <thead>
		                  <tr>
		                      <td width="6%">
		                          Action
		                      </td>
		                      <apex:repeat value="{!lstHeaders}" var="headerName">
		                          <td width="{!IF(headerName == 'Name','20%','7%')}">
		                              {!headerName}
		                          </td>
		                      </apex:repeat>
		                      <td width="15%">
		                          Type
		                      </td>
		                  </tr>
		              </thead>
			               <tbody class="investorRecords">
			                   <apex:repeat value="{!lstRecordWrapper}" var="objRecordWrapper" rendered="{!lstRecordWrapper!=null && lstRecordWrapper.size > 0}">
			                       <tr>
			                           <td class="editAndDelLinks">
			                               <a href="/{!objRecordWrapper.objSobject['Id']}/e?retURL={!ContactId}">Edit</a>
			                               |
			                               <apex:commandLink value=" Del" onClick="return deleteRecords('{!objRecordWrapper.objSobject['Id']}');"/>
			                           </td>
		                               <td>
		                                   <apex:outputField value="{!objRecordWrapper.objSobject['Investment__c']}" rendered="{!IF(objRecordWrapper.strObjectName == 'Investor_Contact__c',true,false)}"/>
		                                   <apex:outputField value="{!objRecordWrapper.objSobject['Fund_Family__c']}" rendered="{!IF(objRecordWrapper.strObjectName == 'Fund_of_Interest__c',true,false)}"/>
		                               </td>
			                            <apex:repeat value="{!lstFieldAPINames}" var="fieldName">
			                                 <td>
			                                     <apex:outputField value="{!objRecordWrapper.objSobject[fieldName]}" rendered="{!IF(((fieldName != 'Investment__c' && fieldName != 'Fund_Family__c' && objRecordWrapper.strObjectName == 'Investor_Contact__c') || (objRecordWrapper.strObjectName == 'Fund_of_Interest__c' && fieldName != 'Investment__c' && fieldName != 'Fund_Family__c' && (fieldName == 'Estimate__c' || fieldName == 'Monthly_Update__c' || fieldName == 'Quarterly_Letter__c'))) && !isEditable, true, false)}"/>
			                                     <apex:inputCheckbox value="{!objRecordWrapper.objSobject[fieldName]}" rendered="{!IF(((fieldName != 'Investment__c' && fieldName != 'Fund_Family__c' && objRecordWrapper.strObjectName == 'Investor_Contact__c') || (objRecordWrapper.strObjectName == 'Fund_of_Interest__c' && fieldName != 'Investment__c' && fieldName != 'Fund_Family__c' && (fieldName == 'Estimate__c' || fieldName == 'Monthly_Update__c' || fieldName == 'Quarterly_Letter__c'))) && isEditable, true, false)}"/>
			                                 </td>
			                            </apex:repeat>
			                           <td>
			                               <apex:outputText value="{!objRecordWrapper.strType}"/>
			                           </td>
			                       </tr>
			                   </apex:repeat>
			                   <apex:outputText value="No records to display" rendered="{!lstRecordWrapper.size == 0}"/>	                  
			               </tbody>
		          </table>	          
	          </apex:outputPanel>
          </apex:outputPanel>
          <div class="actionStatusDiv">
			<apex:actionStatus startText="Loading..." id="loading"/>
		  </div>
		  <apex:pageMessages id="showMessage"/>
<!-- 	Start -       Action Status component -->
	      <c:ActionStatusComponent />
<!-- 	End -       Action Status component -->
        </apex:form>
        <script>
        function saveRecords()
        {
        	saveRecordsAF();
        	return false;
        }
        function deleteRecords(objectId)
        {
        	if(confirm('Are you sure?')) 
        		deleteRecordsAF(objectId);
        	return false;
        }
        function disableButton(saveButtonId, editButtonId)
        {
        	document.getElementById(saveButtonId).className = 'btn';
        	document.getElementById(saveButtonId).removeAttribute('disabled');
            editButtonId.className = 'btnDisabled';
            editButtonId.disabled = true;
            editRecordsAF();
            return false;
        }
        function enableButton(saveButtonId, editButtonId)
        {
        	document.getElementById(editButtonId).className = 'btn';
        	document.getElementById(editButtonId).removeAttribute('disabled');
            document.getElementById(saveButtonId).className = 'btnDisabled';
            document.getElementById(saveButtonId).disabled = true;
        }
        </script>
</apex:component>