使用具有计算功能的KnockoutJS绑定到UI

Question

我有ViewModels的这种层次

Dashboard
 - Layout
   - Columns[]

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

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

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

我希望能够更改WidgetInstance.Layout.Order或WidgetInstance.Layout.Column，UI会自动更新。到目前为止，我还没有找到任何关于如何做到这一点......

以下是我的问题......

1）WidgetInstance []是否属于Dashboard或每个Column是否需要拥有自己的WidgetInstances数组才能使其工作？

2）data-binding=foreach每个案例中WidgetInstance列表的外观如何？

Answer 1

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

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