How can I pass an array of strings EventDates from method public String[] eventDates() to the JavaScript array in my visualforce page? datesFromCalendar holds an array of dates coming from JavaScript and saved in salesforce in TextArea(Long). Now I want to send them back to JavaScript array. Any ideas?

public with sharing class EventsPageController {
    public Event__c Event{ 
     get {
      if (Event == null)
        Event = new Event__c();
      return Event;
    public String datesFromCalendar {get; set;}
    public List<String> eachDt = new List<String>();

    public void EventsPageController() {
        Event = [SELECT Id, EventDates__c,Event_Description__c,Event_Type__c,Maximum_Attendees__c,Occurrence__c,Program_Name__c FROM Event__c WHERE Id = :ApexPages.currentPage().getParameters().get('id')];


    public Event__c getEvent(){
        return Event;

    public String[] eventDates(){

      list<String> EventDates = new list<String>();
      list<Event__c> eventList = [SELECT Id, EventDates__c FROM Event__c WHERE Id = :ApexPages.currentPage().getParameters().get('id')];

      for(Event__c event : eventList) {
      return EventDates;

    public PageReference saveData(){
        try {
            Event.EventDates__c = datesFromCalendar;
        } catch(System.DMLException e) {
            return null;
        // After Save, navigate to the default view page:
        return (new ApexPages.StandardController(Event)).view(); 


There are 3 ways you can do that.

Method 1

First change the method to a getter method

public String[] geteventDates(){

      //your code
      return EventDates;

and then you can access in javascript something like this

 <apex:repeat value="{!eventDates}" var="event">
        console.log('the event is ==  {!event}');

Method 2

Serialize the List<String> using the JSON.serialize() and then use the JSON.parse() in the VF.

public String geteventDates(){

      //your code
      return JSON.serialize(EventDates);

in you VF:

var stringArray = JSON.parse('{!eventDates}');
for(var i=0;i<stringArray.length;i++) {
   console.log('The event is == '+ stringArray[i]);

Method 3

You can also use JS remoting. You can read about it here. But you cannot access instance variables in remoting methods. So you have to make the call which one you have to use.

  • This is what I get with the JSON method. Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://ap1.salesforce.com/_ui/common/request/servlet/JsLoggingServlet. This can be fixed by moving the resource to the same domain or enabling CORS. – Superman Jan 18 '15 at 17:09
  • @Superman: AFAIK that error has nothing to do with which method you use. these are some internal salesforce issue – Sam Jan 18 '15 at 17:12
  • You explained all the methods very well. And I just got understanding each of them. Unfortunately I don't get any of them work with my code. Possibly there will be some issues at my end. Please have a look the way I'm trying to use it in my code. – Superman Jan 18 '15 at 17:22
  • Related to above comment. I'm getting the empty array. – Superman Jan 18 '15 at 17:23
  • Since you've already accepted this answer I assume that all your issues were resolved. If not then try isolating the code and see where the issue is. – Sam Jan 19 '15 at 4:09

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.