如何使用模型数据填充 ember-cli-jstree

Question

我正在尝试使用此插件根据我的数据创建一棵树。我可以根据 test/dummy in github 中提供的示例成功创建树，但是当我尝试使用模型中的数据时，它似乎需要 json 数据而不是 ember 模型.

// models/user.js 
import DS from 'ember-data';

export default DS.Model.extend({
  name: DS.attr('string'),
  children: DS.hasMany('user', {inverse: 'parent', async: true}),
  parent: DS.belongsTo('user', {inverse: 'children', async: true})
});

// routes/users.js
import Ember from 'ember';

export default Ember.Route.extend({
  model() {
    return this.store.findAll('user');
  }
});

// templates/users.hbs    
<h2>Users</h2>
<div class="sample-tree">
   {{ember-jstree
      data= model
   }}
</div>

我已经搜索了一个工作示例，但到目前为止还没有找到。

Answer 1

是的，它需要一个特定格式的普通旧 JavaScript 对象，而不是 Ember 数据模型。

Ember Twiddle here 中有一个开源工作示例：https://github.com/ember-cli/ember-twiddle/blob/7e6739a5fb4c80c454bd173ca93ecbb4f1777250/app/components/file-tree.js#L12

如何使用模型数据填充 ember-cli-jstree

How to populate ember-cli-jstree with model data

ember.js

ember-data

jstree