1

使用 emberjs (1.0.0rc1) 和 ember-data (最近的构建 #36d3f1b)，我正在尝试设置一个基本的 crud 示例。我不知道如何从视图中检索提交的模型，然后更新/保存它。这是我的代码的样子：

App = Ember.Application.create();

App.Router.map(function() {
  this.resource('posts', function() {
    this.route('create');
    this.route('edit', {
      path: '/:post_id'
    });
  });
});

App.PostsIndexRoute = Ember.Route.extend({
  model: function() {
    return App.Post.find();
  }
});

App.PostsCreateView = Ember.View.extend({
  submit: function () {
    console.log(this.get('model')); // undefined
  }
});

App.Post = DS.Model.extend({
  title: DS.attr('string'),
  body: DS.attr('string')
});

App.Post.FIXTURES = [{
  id: 2,
  title: 'a',
  body: 'aa'
}, {
  id: 5,
  title: 'b',
  body: 'bb'
}];

App.Store = DS.Store.extend({
  revision: 11,
  adapter: DS.FixtureAdapter.create({
    simulateRemoteResponse: false
  })
});

和创建模板：

<script type="text/x-handlebars" data-template-name="posts/create">
  {{#view App.PostsCreateView tagName="form" classNames="form-horizontal"}}
  <h3>Create</h3>

  <div class="control-group">
    <label class="control-label" for="title">Title</label>
    <div class="controls">
      <input type="text" id="title" placeholder="Title" />
      {{view Ember.TextField valueBinding="title"}}
    </div>
  </div>
  <div class="control-group">
    <label class="control-label" for="body">Body</label>
    <div class="controls">
      <input type="password" id="body" placeholder="Body" />
    </div>
  </div>
  <div class="control-group">
    <div class="controls">
      <button class="btn">Create</button>
    </div>
  </div>

  <div>{{#linkTo 'posts'}}Back{{/linkTo}}</div>
  {{/view}}
</script>

如何从提交挂钩访问表单的值（序列化到模型）？其次，我如何通过 FixtureAdapter 坚持这一点？

4

2 回答 2

2

您的问题的第一部分很难回答，因为它实际上非常简单，但为了使其简单，您需要改变您对模型 CRUD 的看法。不需要您的“提交”功能。当你实例化一个视图时）它应该有一个绑定到它的模型实例。（如果您正在创建一个新实例，它将是一个新的空实例。）当您在视图中对该模型进行更改时，它们会立即进行；无需提交。（毕竟，你会提交什么？）

我不确定这是否真的回答了你的问题，但也许它会让你走上回答它的轨道。

我可以更确定你的第二个问题，通过 FixturesAdapter 保持一个值：你不能。FixturesAdapter 就是这样一个适配器，用于将夹具（本质上是只读数据）加载到存储中。从 FixturesAdapter 对模型所做的更改只会持续到重新加载应用程序。要持久化数据，您需要从 FixturesAdapter 转换到不同的适配器（可能是 RestAdapter）。

于 2013-03-03T01:30:57.627 回答
0

本文涉及构建一个包含创建表单的小型示例应用程序（它最初是葡萄牙语，但幸运的是，谷歌翻译在这种情况下不会过多地混淆文本）。代码可以在这里找到（重要的部分在页面下方）和一个活生生的例子在这里。

于 2013-03-21T14:29:27.227 回答