0

我目前正在使用“ember-1.0.0-rc.7.js”来管理我的 ember 应用程序的持久性和数据存储。

用户.js

App.User = DS.Model.extend({
    firstName:     DS.attr('string'),
    lastName:      DS.attr('string'),
    category:      DS.attr('string'),
    status:        DS.attr('string'),
    position:      DS.attr('string'),
    fullName:      function()
    {
       return '%@ %@'.fmt(this.get('firstName'), this.get('lastName'))
    }.property('firstName', 'lastName')
});

App.User.FIXTURES = 
[
 {
   id:          1,
   firstName:   'Derek',
   lastName:    "H",
   category:    "admin",
   status:      "offline",
   position:    "3232"
 },
 {
   id:          2,
   firstName:   'Jim',
   lastName:    "H",
   category:    "admin",
   status:      "online",
   position:    "322"
 }
];

用户列表控制器.js

App.UserListController = Ember.ArrayController.create({
    content: [],
    users: App.User.find()
});

store.js

App.Store = DS.Store.extend({
  revision: 12,
  adapter: 'DS.FixtureAdapter'
});

从上面，我假设 App.User.find() 会返回给我所有的用户。但是，我收到以下错误：

来自 Firebug 的错误：

Your application does not have a 'Store' property defined. Attempts to call 'find' on model classes will fail. Please provide one as with 'YourAppName.Store = DS.Store.extend()'
TypeError: store is undefined

该消息没有意义，但商店是为 App 定义的。如果未定义商店，则以下代码将不起作用。

在下面的代码中，我在路由的上下文中调用 App.User.find() 并且它可以工作。

路由器.js

Bib.Router.map(function () {
  this.resource('index', { path: '/' });
});


App.IndexRoute = Ember.Route.extend({
  model: function () {
    return ['a','b', 'c' ];
  },
  renderTemplate: function () {
        this.render();
        this.render('userList', { outlet: 'userList', into: 'application', controller: App.UserListController });//render the list in list outlet
  },
  setupController: function (controller, model) 
  {
     controller.set('menu', model);
     controller.set('test', App.User.find());
  }
});

在 index.html

<script type="text/x-handlebars" id="userList" data-template-name="userList">
   {{#each controller}}
       {{firstName}}
   {{/each}}
</script>

我希望那里的控制器代表 UserListController 并让它引用用户模型。请记住，我无法将其连接到路由中，因为我只有一个用于此应用程序的路由。

我相信这是由于我打电话的背景。换句话说，在控制器中使用它。我可能不了解控制器和模型之间的关系的基本概念。

任何建议表示赞赏，谢谢，D

4

2 回答 2

4

可以在控制器内进行find调用。但是，这并不是UserListController.js.

你打电话Ember.ArrayController.create而不是Ember.ArrayController.extend. 也就是说，您正在创建一个全局实例，ArrayController而不是定义一个新的控制器类。

在进行此find调用时，在UserListController.js评估时，您定义的商店尚未设置。

您可以通过删除此代码并在您的应用程序启动后在浏览器控制台中对其进行评估来看到这一点。

但是，不鼓励创建全局控制器并在其上手动设置数据的模式。Ember 应用程序中的常见模式是创建控制器类，这些控制器类被实例化，然后通过路由填充数据。

例如：

App.Router.map(function () {
  this.resource('user', { path: '/' });
});

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

这将自动创建一个UserIndexControllerwhich 是 anEmber.ArrayController并将其设置content为App.User.find()。

现在，这是一个简化的例子，而不是你想要做的。看起来您想将存储在 a 中的用户列表呈现UserListController到主模板上的插座中。

为此，您需要以下内容：

App.Router.map(function() {
  // you don't need to create an index resource
  // an IndexRoute is created by default
});

App.UserListController = Ember.ArrayController.extend();

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return ['a', 'b', 'c'];
  },

  setupController: function (controller, model) {
    controller.set('menu', model);
    this.controllerFor('userList').set('content', App.User.find());
  },

  renderTemplate: function() {
    var controller = this.controllerFor('userList');
    this.render();
    this.render('userList', {controller: controller});
  }
});
于 2013-09-05T06:35:04.113 回答
2

问题可能是由users: App.User.find()线路引起的。调用 tofind()可能是在首次评估模型时调用的，这可能是在定义您的商店之前。Ember Way (tm) 是使用路由为您的控制器设置模型。从您的路由中的方法返回的任何内容model都将设置为'content'控制器中的属性。

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

App.UserListController = Ember.ArrayController.create({
  // you don't need anything here 
  // the model from the route will be set to 'content'
});

如果您需要该'content'属性为空白，并且您需要该列表居住在该'users'属性中，您可以这样做。

App.UserListRoute = Ember.Route.extend({
  setupController: function() {
    this.controller.set('content',[]);
    this.controller.set('users', App.User.find());
  }
});

App.UserListController = Ember.ArrayController.create({
  // still don't need anything here
});
于 2013-09-05T05:42:56.607 回答