在挖空购物车中创建总成本函数
Creating total cost function in Knockout shopping cart
我对js knockout很陌生,任务是为购物车添加功能。我已经为购物车中商品的总成本创建了一个函数,但它不起作用(代码在下面突出显示)。
我的问题是:如何更改此功能或创建一个新功能,该函数输出购物车中商品的总成本,并在移除商品或更改商品数量时更改?
以下是购物车的代码和简要说明:
http://jsfiddle.net/b4atrw2g/5/
购物车有两个主要部分。在"添加新项目"部分,用户输入项目的名称、成本和数量,然后单击"添加项目"。
然后,该商品将显示在"购物车中的商品"部分中,其中包含成本和数量。当商品在购物车中时,用户仍然可以更改商品的数量。
我创建了一个名为"getTotalCost"的函数,但它在将商品添加到购物车之前输出商品的总成本,并在商品添加到购物车后消失。
函数如下:
viewModel.getTotalCost = ko.pureComputed(function()
{
var total = 0;
total += viewModel.newItemPrice() * viewModel.newItemQuantity();
return total;
},
viewModel);
提前谢谢你。
viewModel.getTotalCost = ko.pureComputed(function()
{
var total = 0;
arr = viewModel.itemsInCart();
for (i = 0; i< arr.length;i++)
total += arr[i].price * arr[i].quantity;
return total;
}
http://jsfiddle.net/b4atrw2g/6/
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 为effect Composer创建GodRays效果过程
- 从javascript创建一个列表
- onkeyup无法动态创建多个文本区域
- 我的购物应用程序不会将用户想要购买的东西相加,也不会打印总成本
- 无法获取表单总成本
- 挖空:无法将数量变化与购物车中的总成本绑定
- 在挖空购物车中创建总成本函数
- Javascript/JQuery 显示单个席位的总成本
- 检查可变总成本的最小值,如果小于最小值,则显示警报消息
- 试图获取jQuery中每一行的总成本
- 未捕获引用错误:未定义总成本
- javascript中的总成本函数
- 用html javascript创建一个简单的成本估算器.从HTML按钮调用JS函数.返回JS中的值
- 如何根据从不同选项卡中选择的项目添加总成本
- 复选框将输入添加到文本框总选择和总选择成本
- 计算选定项目的成本,然后计算总成本
- 基于复选框单选按钮调整总成本标价
- 使用requestAnimationFrame创建无限事件循环是否有性能成本?
- 推到阵列并创建总运行数