function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Durai SaravananDurai Saravanan 

Showing serialized object json string in visualforce page

Hi,

I am trying to display the serialised object in Vfpage. I am struck in the middle. I have mentioned in comments, where i am struck

My Visualforce Page:
<apex:page standardStylesheets="false" showHeader="false" controller="Gantt_chart_VFC" action="{!getData}">
    <head>
    <apex:stylesheet value="{!URLFOR($Resource.Gantt, 'codebase/dhtmlxgantt.css')}"/>
    <apex:includeScript value="{!URLFOR($Resource.Gantt, 'codebase/dhtmlxgantt.js')}"/>
     <style type="text/css" media="screen">
    html, body{
        margin:0px;
        padding:0px;
        height:100%;
        overflow:hidden;
    }   
</style>
    </head>
   
    <body>
    
    <h1> Monthly Review </h1>
    <div id="gantt_here" style='width:100%; height:100%;'></div>
    <script type="text/javascript">
        var tasks =  "";   //Struck_here
        gantt.config.readonly = true;
        gantt.init("gantt_here");


        gantt.parse(tasks);

    </script>
    
    </body>
</apex:page>

My main controller:
public class Gantt_chart_VFC {

    public void getData() {
    
    List<Project__c> LstProject = [select Name,Actual_start_date__c,Actual_end_date__c,Planned_end_date__c,Planned_start_date__c,(Select Name,Begin_date__c,End_date__c from milestone__r) from Project__C where Account__c  = '0011000001L9ByhAAF'];
        JSON2Apex objectofJSON2Apex = new JSON2Apex();
        List<JSON2Apex.DataClass> lstData = new List<JSON2Apex.DataClass>();
        for(Project__c eachProject : LstProject)
        {
              JSON2Apex.DataClass varData = new JSON2Apex.DataClass();
              varData.Id = eachProject.Id;
              varData.Text = eachProject.Name;
              varData.start_date = eachProject.Actual_start_date__c;
              varData.end_date = eachProject.Actual_end_date__c;
              varData.open = true;
              lstData.add(varData);  
               
              for(Milestone__c eachMilestone : [Select Name,Begin_date__c,End_date__c from milestone__c where project__c =: eachProject.Id]) 
              {    
                  JSON2Apex.DataClass varDataMilestone = new JSON2Apex.DataClass();
                  varDataMilestone.Id = eachMilestone.Id;
                  varDataMilestone.Text = eachMilestone.Name;
                  varDataMilestone.start_date = eachMilestone.Begin_date__c;
                  varDataMilestone.end_date = eachMilestone.End_date__c;
                  varData.open = false;
                  varDataMilestone.parentId = eachProject.Id;
                  lstData.add(varDataMilestone);
                 
              }       
        }                    
        objectofJSON2Apex.data = lstData;
        String strJson = JSON.serialize(objectofJSON2Apex);
    }
}

My Json2Apex class :
public class JSON2Apex {

    public List<DataClass> data;

    public class DataClass {
        public Id id;
        public String text;
        public Date start_date;
        public Date end_date;
        public Boolean open;
        public Id parentId;
    }
   
}

Thanks in advance, 
Durairaj