之前这个系列文章已经介绍Bootstrap,详情请查看本文: @L_301_0@ Order Price: <script type="text/javascript"> var products = [{ name: "Learnighard 学习笔记",price: 49 },{ name: "小米Note",price: 999 },{ name: "宏碁笔记本",price: 4999 }]; // 订单类 function Order() { var self = this; this.items = ko.observableArray([ new Item(products[0],1),new Item(products[1],2) ]); // 订单总价 this.price = ko.computed(function() { var p = 0; for (var i = 0; i < self.items().length; i++) { var item = self.items()[i]; p += item.product.price * item.amount(); } return p; },self); this.remove = function(item) { self.items.remove(item); }; this.addComputer = function () { self.items.push(new Item(products[2],1)); }; } // 订单项类 function Item(product,amount) { var self = this; this.product = product; this.amount = ko.observable(amount); // 订单项总价 this.subTotal = ko.computed(function() { return self.amount() * self.product.price; },self); } ko.applyBindings(new Order());
<script type="text/javascript"> var products = [{ name: "Learnighard 学习笔记",price: 49 },{ name: "小米Note",price: 999 },{ name: "宏碁笔记本",price: 4999 }];
// 订单类 function Order() { var self = this; this.items = ko.observableArray([ new Item(products[0],1),new Item(products[1],2) ]); // 订单总价 this.price = ko.computed(function() { var p = 0; for (var i = 0; i < self.items().length; i++) { var item = self.items()[i]; p += item.product.price * item.amount(); } return p; },self);
this.remove = function(item) { self.items.remove(item); };
this.addComputer = function () { self.items.push(new Item(products[2],1)); }; }
// 订单项类 function Item(product,amount) { var self = this; this.product = product; this.amount = ko.observable(amount); // 订单项总价 this.subTotal = ko.computed(function() { return self.amount() * self.product.price; },self); }
ko.applyBindings(new Order());