Я только начал использовать сетку vaadin и пытался использовать дерево переключения сетки vaadin для отображения моего объекта json с несколькими массивами. Но я не могу получить дочерние объекты при попытке расширить список. Найдите мою структуру ячеистой сетки ниже и помогите мне, где я поступил неправильно. Я не использую data-provider
. Вместо этого используйте items=[[data]]
Структура JSON
import '@vaadin/vaadin-grid/vaadin-grid.js';
import '@vaadin/vaadin-grid/vaadin-grid-tree-toggle';
[
{'id': 1},
{'name': 'Book1'},
{'topics': [
{'chapter1': [
{'sub_chapter_1': 'Introduction'},
{'sub_chapter_2': 'some content2'}
]},
{'chapter2': [
{'sub_chapter_1': 'some content 1'},
{'sub_chapter_2': 'some content 2'}
]}
]}
]
this.data = data;
<vaadin-grid items="[[data]]">
<vaadin-grid-column>
<template class="header">Expense category</template>
<template>
<vaadin-grid-tree-toggle>
<template dom-repeat=[[item.topics]]>
...
</template>
</vaadin-grid-tree-toggle>
</template>
</vaadin-grid-column>
</vaadin-grid>
Не уверен, где я поступил неправильно. Можете ли вы помочь мне