结合knockoutjs.com的“购物车编辑器”和“联系人编辑器”示例的功能

Question

我正在寻找有关如何将“联系人编辑器”和“购物车编辑器”功能的功能组合到一个Web应用程序中的建议。我喜欢左侧的级联下拉控件，就像在“购物车编辑器”中一样，但也希望在“联系人编辑器”的右侧添加嵌套的“电话号码”部分。这两个示例使用完全不同的技术构建控件。有人可以帮我实现我的网络应用吗？

最终我希望UI有3列：

1. '类别' - 就像购物车编辑器示例
一样
2. '产品' - 就像购物车编辑器示例
3. '电话号码' - 就像联系人编辑器示例
一样

Contacts editor

Cart editor

请帮助，谢谢。

Answer 1

以下是将两者结合在一起的最基本示例：http://jsfiddle.net/rniemeyer/kRu88/

这是使用KO 1.3 beta。基本上，它只包括类别和产品的嵌套下拉列表以及一个可观察的电话号码，每个电话号码由一个类型和数字组成。

希望这可以帮助您开始实现您想要实现的目标。