KoolAjax - Great PHP Ajax FrameworkFullVersion 3.0.0.0 released on 10/22/2012

UpdatePanel - Shopping Cart With UpdatePanel

Products

Product: HP DV2700 Laptop
Description: Stylist laptop for women.
Cost: $1400

Product: Lenovo Thinkpad T61 Laptop
Description: Best laptop for business men.
Cost: $1500

Product: Acer Aspire Laptop
Description: Best laptop for students.
Cost: $800

Product: Dell XPS Laptop
Description: Best laptop for coders.
Cost: $1200

Product: Sony Vaio Laptop
Description: Beautiful and powerful laptop for you.
Cost: $1550

My Basket

Total Cost: $0

Description & Sample code

Description Example.php Documentation

The example shows you how to create a simple shopping cart with KoolAjax's UpdatePanel. You can add and remove products without refreshing page. The cart data will be stored using session.

span style="color: #ff0000;">"/KoolAjax/koolajax.php";
	$koolajax->scriptFolder = $KoolControlsFolder."/KoolAjax"//If it is callback request, Slow down processing to see loading effect
'basket''basket'//find product position 
'basket'"id" => "p01",
						"name" => "HP DV2700 Laptop",
						"desc" => "Stylist laptop for women.",
						"cost" => "$1400""id" => "p02",
						"name" => "Lenovo Thinkpad T61 Laptop",
						"desc" => "Best laptop for business men.",
						"cost" => "$1500""id" => "p03",
						"name" => "Acer Aspire Laptop",
						"desc" => "Best laptop for students.",
						"cost" => "$800""id" => "p04",
						"name" => "Dell XPS Laptop",
						"desc" => "Best laptop for coders.",
						"cost" => "$1200""id" => "p05",
						"name" => "Sony Vaio Laptop",
						"desc" => "Beautiful and powerful laptop for you.",
						"cost" => "$1550"//Calc total cost
'basket''cost'//return product with id
'id'//render product to html
'product'>
			<b>Product: </b>{$product['name']}<br />
			<b>Description: </b>{$product['desc''cost']}<br />
			<input type='button' onclick='Add("{$product['id']}");' value='Add to basket'//render product in basket to html
'product'>
			<b>Product: </b>{$product['name']}<br />
			<b>Description: </b>{$product['desc''cost']}<br />
			<input type='button' onclick='Remove("{$product['id']}");' value='Remove'"text/css"#DDE;
#555 dashed 1px;
"text/javascript"//add product to basket
"addItem"//remove product from basket
"removeItem""indent indent_right topspacing bottomspacing" style = "width:300px; float:left; border:2px #333 dotted"//render product
"width:300px; margin-left:20px; float:left; border:2px #333 dotted""basket"'addItem''addItem'] != ""'basket''addItem']; //add product to basket
'removeItem''removeItem'] != ""'basket''removeItem']),1); //remove product from basket
"<b>Total Cost:</b> $""<br />"; //show total cost
'basket'//render product in basket
"hidden" id="addItem" name = "addItem" value = "" />
							<input type="hidden" id="removeItem" name = "removeItem" value = "" />
						</content>
						<loading image="<?php echo $KoolControlsFolder ?>/KoolAjax/loading/5.gif""clear:both" />
</div>