passing java variable to javascript function

Question

I will need to pass a java variable to a javascript function. I have my codes as below. Wondering is that the correct way?

Because I have some problem here when the page first load, and the button is clicked, the chartData and categories is empty.

I am expecting the below:

chartData = [{"name":"Anne","data":[1.0,0.0,4.0]},
             {"name":"Billy","data":[5.0,7.0,10000.0]}]
categories = ["APPLES","BANANAS","ORANGES"]

public String doLoadChartDataAction () {

    String _cat = "[{\"name\":\"Anne\",\"data\":[1.0,0.0,4.0]},{\"name\":\"Billy\",\"data\":[5.0,7.0,10000.0]}]";
    String _data = "[\"APPLES\",\"BANANAS\",\"ORANGES\"]";

    System.out.println("1.0 " + " _cat:" + _cat);
    System.out.println("1.0 " + " _data:" + _data);

    setCategories(_cat);
    setChartData(_data);

    return "";      
}


 <p:commandButton styleClass="commandButton" value="This" id="btnThis" action="#{pc_Test.doLoadChartDataAction}" 
    oncomplete="renderChart('container','line','Sample Chart','${pc_Test.chartData}', '${pc_Test.categories}');">   
 </p:commandButton>

I think when you load the page, you can do an ajax call to your server side, then the server(java) returns the data you want; in your javascript, you can use the data for processing. i.e. the java file returns you an json object and callback processing use the json object.. — Robin
– Robin, Commented Oct 17, 2013 at 7:36
@Robin is correct do you want an json Object form java and then process in javascript — BholaVishwakarma
– BholaVishwakarma, Commented Oct 17, 2013 at 7:44
@Robin Thanks for your comments. I manage to fix this with the below amended codes. (: — bittersour
– bittersour, Commented Oct 17, 2013 at 7:52
@BholaVishwakarma Thanks for your comments. I manage to fix this with the below amended codes. (: — bittersour
– bittersour, Commented Oct 17, 2013 at 7:52

bittersour · Accepted Answer · 2013-10-17 07:51:15Z

1

public String doLoadChartDataAction () {

String _cat = "[{\"name\":\"Anne\",\"data\":[1.0,0.0,4.0]},{\"name\":\"Billy\",\"data\":[5.0,7.0,10000.0]}]";
String _data = "[\"APPLES\",\"BANANAS\",\"ORANGES\"]";

System.out.println("1.0 " + " _cat:" + _cat);
System.out.println("1.0 " + " _data:" + _data);

//setCategories(_cat);
//setChartData(_data);

RequestContext context = RequestContext.getCurrentInstance();
context.addCallbackParam("chartData", _data);
context.addCallbackParam("categories", _cat);

return "";      
}

<p:commandButton styleClass="commandButton" value="This" id="btnThis" action="#{pc_Test.doLoadChartDataAction}" 
oncomplete="renderChart('container','line','Sample Chart', args.chartData, args.categories);">

answered Oct 17, 2013 at 7:51

bittersour

1,0272 gold badges13 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

passing java variable to javascript function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related