Отображение данных в игровой структуре с использованием 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; 
} 

В index.scala.html У меня есть эта переменная, которая содержит мои данные. Мне интересно, как я могу использовать эту переменную для отображения/редактирования моих данных.

@(D3DataNPost: Html) 

Answer 1

Дисплей:

D3DataNPost только строковой JSON, так что вы можете распечатать его, вызвав @D3DataNPost в шаблоне.

@(D3DataNPost: Html) 

<script> 
    var D3DataNPost = @D3DataNPost; 

    console.log(D3DataNPost); 
</script> 

Edit:

Ну, лучше, чтобы изменить его, прежде чем stringify его, как какой-то метод сразу после вызова getBarChartData(). Или ... Просто сделайте это в Javascript на стороне клиента.