从ember数据中获取数据将其绑定到视图中的窗口小部件

Question

我有一个从数据模型中返回数据的路由器。

我想使用此数据将其绑定到视图中的窗口小部件。

型号：

myApp.Unit = DS.Model.extend({
    active: DS.attr('boolean'),
        allowdecimals: DS.attr('boolean'),
    name: DS.attr('string'),
    count: DS.attr('number'),
});

路由器：

myApp.EunitsRoute = Ember.Route.extend({
  model: function() {
        return this.store.find('unit');
  },
    setupController: function(controller, model) {
        this._super(controller, model);
        controller.set('units', model);
    },
  actions: { ...

在视图中，我希望对象形成如下：

[ {"id": 1,"active": true,"allowdecimals": true,"name": "Pint","count": 8},
  {"id": 2,"active": true,"allowdecimals": true,"name": "Each","count": 8},
  ...]

我现在在视图中得到的是一个对象：<DS.RecordArray:ember400>

查看：

var source10 = {
    datatype: "array",
    datafields: [
        { name: 'id' },
        { name: 'name' },
        { name: 'allowdecimals' },
        { name: 'active' },
        { name: 'count' }
    ],
    localdata: controller.get('units')
};

var dataAdapter10 = new $.jqx.dataAdapter(source10);

$("#eunits_grid").jqxGrid({
    pageable: true,
    theme: 'energyblue',
    autorowheight : true,
    rowsheight : 50,
    pagesize: 10,
    source: dataAdapter10,
    ....

模板：

<script type="text/x-handlebars" data-template-name="eunits">
  <div class="col-md-12">
    <h3 class="page-header">Edit Units</h3>
    {{#if adding}}
      {{view AddnewunitView}}
    {{/if}}
    {{view UnitsView id='eunits_grid'}}
  </div>
</script>