Vaadin Grid дерево переключения для нескольких массивов данных JSON не работает - PullRequest
0 голосов
/ 11 марта 2019

Я только начал использовать сетку 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>

Не уверен, где я поступил неправильно. Можете ли вы помочь мне

...