jquery - 结合 Knockoutjs.com 的 "Cart editor"和 "Contacts editor"示例的功能

Question

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

最终我希望 UI 有 3 列:

1. “类别” - 就像购物车编辑器示例
2. “产品” - 就像购物车编辑器示例
3. “电话号码” - 就像通讯录编辑器示例

Contacts editor

Cart editor

请帮忙，谢谢。

Answer 1

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

这是使用KO 1.3 beta 。基本上，它仅由类别和产品的嵌套下拉列表以及电话号码的 observableArray 组成，每个电话号码由类型和号码组成。

希望这能让您开始实现您想要实现的目标。