1

我正在创建一个带有来自 ajax 调用的返回响应的新 Ember.Model。

这是我在控制器中的 ajax 方法

createImageResource: function() {
  var self = this,
      fd = new FormData(),
      newResource = {},
      resources = self.get('controllers.resources.model'),
      fileName = this.get('resource_image').name,
      fileSize = this.get('resource_image').size,
      fileType = this.get('resource_image').type;

  fd.append('resource[resource_type]', 'image');
  fd.append('resource[resource_name]', this.get('resource_name'));
  fd.append('resource[source_id]', this.get('source_id'));
  fd.append('resource_image[resource_image]', this.get('resource_image'));

  fd.append('resource[resource_file_name]', fileName);
  fd.append('resource[resource_file_type]', fileType);
  fd.append('resource[resource_file_size]', fileSize);

  this.set('isProcessingResource', true);

  $.ajax({
    url: '/resources',
    method: 'POST',
    dataType: 'json',
    processData: false,
    contentType: false,
    data: fd,
  }).then(function(newResourceData) {
    newResource = Msmapp.Resource.create(newResourceData.resource);
    resources.pushObject(newResource);
    self.set('isProcessingResource', false);
    self.transitionToRoute('resource', newResource);
  });
},

这会将新资源添加到资源控制器使用的对象数组中。它按照应有的方式将其放入 DOM 中。我遇到的问题是每个对象都是指向单个资源的链接。页面加载中存在的所有对象都可以正常工作。添加到列表中的对象具有正确的 url 和所有内容,当您尝试导航时它不会做任何事情。

我不确定在 .then() 中是否还有其他需要做的事情?

这是模板

<section class="column_list">
    <ul>
        {{#each resource in controller }}
            <li class="item">
                {{#if resource.isLoading }}
                    {{spinner}}
                {{else}}
                    {{#linkTo 'resource' resource }}
                        <img {{bindAttr src='resource.listAvatar'}} />
                        <div class='title'>{{ resource.resource_name }}</div>
                    {{/linkTo}}
                {{/if}}
            </li>
        {{/each}}
    </ul>
</section>
4

1 回答 1

1

由于您要添加到resources,这也是您应该循环的内容 - {{#each resource in resources }}

要么直接推到你的 ArrayController 实例上 - this. resources.pushObject(newResource);

于 2013-06-30T21:24:00.813 回答