/
index2.html
44 lines (40 loc) · 1.83 KB
/
index2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html>
<head>
<title>Ko Shopping Cart</title>
<script type="text/javascript" src="Scripts/jquery.min.js"></script>
<script type="text/javascript" src="Scripts/knockout-1.3.0beta.js"></script>
<script type="text/javascript" src="Scripts/model/Carrinho.js"></script>
<script type="text/javascript" src="Scripts/model/Item.js"></script>
<script type="text/javascript" src="Scripts/model/Produto.js"></script>
<script type="text/javascript" src="Scripts/app.js"></script>
</head>
<body>
<select data-bind="options: produtos, optionsText: 'nome', optionsValue: 'id',
optionsCaption: 'Escolha um...', value: produtoSelecionado">
</select>
<br/><br/>
<table data-bind="with: carrinho">
<thead><tr><th>Item</th><th>Preço</th><th>Qtde.</th><th></th></tr></thead>
<tbody data-bind="foreach: itens">
<tr>
<td data-bind="text: produto.nome"></td>
<td data-bind="text: produto.valor"></td>
<td>
<a href="javascript:;">
<img src="images/minus.png" data-bind="click: decrementar"/></a>
<input type="text" data-bind="value: quantidade"/>
<a href="javascript:;" data-bind="click: incrementar">
<img src="images/plus.png"/></a>
</td>
<td>
<a href="javascript:;" data-bind="click: remover">
<img src="images/cross.png"/></a>
</td>
</tr>
</tbody>
<tfoot><tr><td></td><td></td>
<td>Total: <span data-bind="text: total"></span></td>
<td></td></tr></tfoot>
</table>
</body>
</html>