使用javascript,knockout js比较一系列产品

时间:2015-08-12 15:15:55

标签: javascript knockout.js

我想在html5淘汰应用程序中实现产品比较器的任何指导或起点。比较器可以添加最多3个产品进行比较,用户可以选择删除任何产品并添加新产品。

我的问题基本上更容易删除div但是如何在淘汰赛中删除整个列?

例如:         Prod1 x Prod2 x Prod3 x col1 value1
col2 value2 col3值3 等等。

每个x都是删除。不太习惯在这里发帖..如果有任何疑问,请告诉我。再次感谢。最好我想创建一个模板,让它处理html的生成..

2 个答案:

答案 0 :(得分:0)

可以这样想,knockout用于显示存储在JS对象中的数据模型。您的要求意味着您的数据结构应该是一个对象数组[{},{},{}],因此您的删除按钮应该从主数组中删除该对象而离开[{},{}]。当淘汰赛刷新视图时,您将不再拥有该列。请记住,knockout是一个复制器,因此您的隐藏容器充当模板来创建其他容器。你不会让用户看到的容器,淘汰赛。

答案 1 :(得分:0)

你的列可以是div(使用float(可能更好)或绝对定位)。我宁愿不使用敲除来重复< TABLE>列,因为您需要在每个表行中使用foreach来重复数据绑定数组中每个对象的单元格。但这是可能的。