ember.js - 排序时刷新containerView

Question

我正在尝试在显示后对容器 View 进行排序。但是，由于数组的长度没有改变，只是顺序改变，因此 View 不会刷新。是否有关于如何强制 View 重新渲染的最佳实践？

Answer 1

如果您在此处获取 Embers GitHub 页面的最新版本:https://github.com/emberjs/ember.js/downloads它包括 Ember.ArrayController，而 Ember.ArrayController 又使用 Ember.SortableMixin。

您可以像这样定义 Controller :

HS.BlogPostsListController = Em.ArrayController.create({
    content: [],
    sortAscending: false,
    sortProperties: ['postDate'],
    //the rest of your controller definition...
}

然后你绑定(bind) View Controller 的arrangedContent属性，如下所示:

{{#view MyApp.view contentBinding="HS.BlogPostListController.arrangedContent" ...}}

当排序发生变化时(当您更改 sortAscending 或 sortProperties 属性时)，这将使您的 View 保持更新。

如果您不想提取最新版本，您应该查看 SortableMixin 源代码，看看是否可以将其合并到您自己的应用程序中:https://github.com/emberjs/ember.js/blob/master/packages/ember-runtime/lib/mixins/sortable.js

编辑:您可以在 GitHub 上看到正在运行的 HS.BlogPostListController:https://github.com/joachimhs/haagen-software.no/blob/master/app/controllers.js