arrays - Knockout Cart Editor 示例问题 : extending cascading drop-downs with nested arrays and functions

Question

这里是 my fiddle attempt结合 Knockoutjs.com 网站上的 Knockout 级联购物车编辑器实时示例中的代码，以及 RP Niemeyer 的 data binding nested arrays 示例尝试并以 Niemeyer 提供的功能格式扩展产品选项的级联购物车。

为什么数量字段不更新小计？

为什么“删除”不起作用？

为什么 formatCurrency(price) 会产生“无法解析绑定(bind)”错误？

为什么更改产品字段不会更新价格，但如果按下“添加产品”按钮，更改将出现在下一行？

在 Niemeyer 的示例中，'add-product' 是函数范围内的方法，而不是我为 'subtotal' 方法复制的 cartLine - 哪个是处理这些操作的更好地方？

感谢 S.Sanderson、R.P.Niemeyer、J.Papa 在社区中为推广 Knockout 所做的令人难以置信的努力。这很棒!

Answer 1

好吧，所以你的 fiddle 比它需要的要复杂一些，但我试图不理会结构，以防你打算扩展。我确实有几个问题，但我会在最后回答这些问题。首先，你的问题:

您有多个数量和小计属性，每个对象(行、类别和产品)都有一个。你的分层让他们(和我，老实说)感到困惑。我删除了您模型上的额外数量和小计属性，无论如何这都没有意义，但我将它们留在了您的数据中。你真的应该理清你想要这个看起来像什么。

您的分层错误，removeLine 正在寻找 cartLine 上的函数并发送产品，但您在 viewmodel 上有该函数并且需要 cartLine。将删除线移动到最外层的上下文修复了这个问题。

我没有收到这个错误。

您的价格没有正确更新。这是一个上下文分层问题。

我认为您为 Niemeyer 链接到了错误的 fiddle ，您链接的 fiddle 中没有产品。

这是 working fiddle为您的代码。它仍然有点困惑，因为我再次尝试不要弄乱我需要的东西。你真的应该考虑重组数据和/或 View 模型，它不需要这么复杂。不过，我删除了一些分层，因为它与您的 View 模型不匹配。

此外，您的 category.subscribe 方法在小计的计算 observable 内部。我把它移到外面，放到模型上。

注意:我在 fiddle 中使用了 knockout2.0。请考虑更新。 Knockout1.3Beta 没有以相同的方式实现控制流，这导致了一个我没有谈论的单独错误。

所以，我的问题:

为什么数据和对象定义中的产品和选项都有数量？

为什么每个产品、类别和购物车都有小计？

为什么菜单和 View 模型上有总计？
3a。为什么菜单上有总计？这是没有意义的。