Ebeanとtwirlを使用してプレイフレームワークにデータを表示

Question

データを（Html形式の）表に表示しようとしています。

package models; 

import com.avaje.ebean.Ebean; 
import com.avaje.ebean.text.json.JsonContext; 
import play.db.ebean.Model; 
import play.twirl.api.Html; 

import javax.persistence.Column; 
import javax.persistence.Entity; 
import java.util.ArrayList; 
import java.util.List; 

@Entity 
public class BarChartData extends Model { 
public String username; 
public int number; 


public static Model.Finder<String,BarChartData> find = new Model.Finder<String,BarChartData>(
    String.class, BarChartData.class 
); 

public static List<BarChartData> getBarChartData(){ 
    List<BarChartData> Data = new ArrayList<BarChartData>(); 
    Data = Ebean.find(BarChartData.class).findList(); 
    return Data; 
} 

//passing data from Sql in Json format 
public static String JsonStyleData(){ 
    JsonContext json = Ebean.json(); 
    String jsonOutput = json.toJson(getBarChartData()); 
    return jsonOutput; 
} 

//passing json format data in Html 
public static Html chartData(){ 
    Html chartData = new Html(JsonStyleData()); 
    return chartData; 
} 

In index.scala.html私は自分のデータを含むこの変数を持っています。この変数を使用してデータを表示/編集するにはどうすればいいですか？

@(D3DataNPost: Html) 

Answer 1

ディスプレイ：

D3DataNPostだけでJSONを文字列化されているので、あなたはテンプレートで@D3DataNPostを呼び出すことによって、それを印刷することができます。

@(D3DataNPost: Html) 

<script> 
    var D3DataNPost = @D3DataNPost; 

    console.log(D3DataNPost); 
</script> 

編集：

さて、あなたは右のgetBarChartData()を呼び出した後、いくつかの方法のように、それを文字列化する前にそれを編集した方が良いです。または...クライアント側のJavascriptでこれを行うだけです。