knockout.js - 使用带有计算函数的 KnockoutJS 绑定到 UI

Question

我有这个 ViewModels 的层次结构

Dashboard
 - Layout
   - Columns[]

我也有像这样结构的小部件的概念

WidgetInstance[]
  WidgetInstance
  - InstanceId [integer]
  - Layout
    - Column [integer]
    - Order [integer]

本质上，这些小部件都将绑定到Column[]它们所属的数组值......所以想象一个 trello 风格的界面

我希望能够更改 UI 自动更新的 thenWidgetInstance.Layout.Order或WidgetInstance.Layout.Column。到目前为止，我还没有找到有关如何执行此操作的任何信息...

这是我的问题...

1) WidgetInstance[] 是否属于Dashboard或是否每个都Column需要持有它自己的数组WidgetInstances才能工作？

2）在每种情况下如何data-binding=foreach查看列表？WidgetInstance

Answer 1

看看https://github.com/rniemeyer/knockout-sortable。

最后一个例子，看起来像你在找什么