java - 在 vaadin 的网格中显示 JSON 数据

Question

我是 vaadin 的新蜜蜂。我必须在 Grid/Table(vaadin) 中显示来自 JSON 文件(从 MySQL 数据库中获取)的数据。如果 JSON 采用以下格式，我可以在表中显示数据。

[
{
"id": "ex-wardrobe",
"productId": "ex-wardrobe",
"name": "exWardrobe",
"desc": "Some description",
"dimension": "WxDxH 148\" X 24\" X 112\" ",
"category": "Bedroom",
"subcategory": "Wardrobe",
"categoryId": "bedroom",
"subcategoryId": "wardrobe",
"tags": "all, Space Design Bedroom, Space Details Wardrobe",
"designer": "hb",
"curr": "INR",
"popularity": "1",
"relevance": "1",
"shortlisted": "1",
"likes": "1",
"createDt": "",
"pageId": "ex-wardrobe",
"styleName": "Fresh",
"styleId": "cfresh",
"priceRange": "Premium",
"priceId": "premium",
"defaultPrice": "123",
"defaultMaterial": "MDF ",
"defaultFinish": "LAMINATE"
  }
]

但是，如果我得到以下格式的 JSON(数据与同一产品相关)，我将无法在表中添加数据。

[
 {
 "id": "ex-wardrobe",
"productId": "ex-wardrobe",
"name": "exWardrobe",
"desc": "Some description",
"dimension": "WxDxH 148\" X 24\" X 112\" ",
"category": "Bedroom",
"subcategory": "Wardrobe",
"categoryId": "bedroom",
"subcategoryId": "wardrobe",
"tags": "all, Space Design Bedroom, Space Details Wardrobe",
"designer": "hb",
"curr": "INR",
"popularity": "1",
"relevance": "1",
"shortlisted": "1",
"likes": "1",
"createDt": "",
"pageId": "ex-wardrobe",
"styleName": "Fresh",
"styleId": "cfresh",
"priceRange": "Premium",
"priceId": "premium",
"defaultPrice": "123",
"defaultMaterial": "MDF ",
"defaultFinish": "LAMINATE",
"mf": [
  {
    "basePrice": "123",
    "material": "MDF ",
    "finish": "LAMINATE"
  }
],
"images": [
  "066___ex_WARDROBE_Dim.jpg",
  "067___ex_WARDROBE_close_door.jpg",
  "068___ex_DOVE_dim.jpg"
],
"components": [],
"accessories": []
 }
 ]

这是用来在表中显示 JSON 数据的代码，

    Table grid = new Table();
    root.addComponent(grid);
    grid.setStyleName("iso3166");
    grid.setPageLength(6);
    grid.setSizeFull();
    grid.setSelectable(true);
    grid.setMultiSelect(false);
    grid.setImmediate(true);
    grid.setColumnReorderingAllowed(true);
    grid.setColumnCollapsingAllowed(true);
   try {
       JSONArray products = productsDataProvider.getCatalogs();
        JsonContainer dataSource = 
       JsonContainer.Factory.newInstance(products.toString());
        grid.setContainerDataSource(dataSource);
        grid.setColumnReorderingAllowed(true);
       grid.setWidth("98%");
        grid.addStyleName(ChameleonTheme.TABLE_STRIPED);
    } catch (IllegalArgumentException ignored) {

    }
    grid.setWidth("100%");
    grid.setHeight("100%");
    root.addComponent(grid);

我被困在这个问题上，为此我彻夜难眠。百万吨提前感谢。我希望你们 GURU 可以在这方面帮助我 :)

Answer 1

抱歉不是 vaadin 专家。第一次看到它就喜欢它。我猜你的问题是你的对象中的数组。我的意思是:

"mf": [
  {
    "basePrice": "173881",
    "material": "MDF ",
    "finish": "LAMINATE"
  }
],
"images": [
  "066___ex_WARDROBE_Dim.jpg",
  "067___ex_WARDROBE_close_door.jpg",
  "068___ex_DOVE_dim.jpg"
],
"components": [],
"accessories": []

不知道组件应该如何显示它。没有mf、images、components、accessories你试过吗？