asp.listview and paypal problem

Posted on 2010-11-09
Medium Priority
Last Modified: 2012-08-13
I am trying to use the asp:listview to add products to a page.
I have managed to get them all the page.  
But when  I add the <form...etc for the paypal button, the first element in the list seems to render as its own list.

I view source and the source only has one <ul> body, so I am bit stuck as to what is happening,

I ahve tried changing the <ul><li> to tables instead but I still get the same problem.

Please help
<asp:listview id="pics" runat="server"
			ondatabinding="pics_DataBinding" onitemdatabound="pics_ItemDataBound" >
				<ul class="picList">
					<placeholder id="itemPlaceholder" runat="server" />
					<img src="Photos/<%#Eval("PhotoName")%>.jpg" alt=""/>
						<form name="ppform" id="ppform" target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
							<input type="hidden" name="add" value="<%#Eval("PhotoName")%>"></input>
							<input type="hidden" name="cmd" value="_cart"></input>
							<input type="hidden" name="business" value="inf0@vnayer.com"></input>
							<input type="hidden" name="item_name" value="VNayer Photography"></input>
							<input type="hidden" name="item_number" value="<%#Eval("PhotoName")%>"></input>
							<input type="hidden" name="no_shipping" value="0"></input>
							<input type="hidden" name="no_note" value="1"></input>
							<input type="hidden" name="on0" value=""></input>
							<input type="hidden" name="return" value="http://www.vnayerphotography.com/default.aspx"></input>
							<input type="hidden" name="currency_code" value="GBP"></input>
							<input type="hidden" name="lc" value="UK"></input>
							<input type="hidden" name="bn" value="PP-ShopCartBF"></input>
							<input type="hidden" name="shipping" value="0.00"></input>
							<input type="hidden" name="flatRateShipping" value="true"></input>
							<input type="hidden" name="flatShippingCost" value="0.00"></input>
							<input type="hidden" name="localPickup" value="false"></input>
							<select name="amount" id="sizes">
								<option value="35">10x8 Print -  £35.00</option>
								<option value="12.50">7x5 Print -  £12.50</option>
								<option value="5.50">6x4 Print -  £5.50</option>
							<br />
							<input type="image" src="../images/shoppingcart.gif" name="submit" style="padding:0px;margin-bottom:-2px;" alt="PayPal!"></input>

					Sorry - no photos found

Open in new window

Question by:vpatel2708
  • 6
  • 5
LVL 18

Expert Comment

by:Richard Lee
ID: 34095161
Having several form tags in a ASP.NET Webforms page seems like a big no no. What I have done in the past is construct on the server a PayPal Url and redirect to paypal. This of course would eliminate your need for forms and saving the data in the page. Reduced page size, less security risk as you are only exposing a unique key for each product.

LVL 18

Assisted Solution

by:Richard Lee
Richard Lee earned 2000 total points
ID: 34099832
I thought I would supply a code sample to illustrate. The Navigator class simple builds a Url and allow redirect to that Url.

private Navigator BuildPayPalUrl()
	Navigator navigator = new Navigator { Page = "https://www.paypal.com/cgi-bin/webscr" };

	navigator["cmd"] = "_xclick";
	navigator["business"] = "Your Business Code";
	navigator["lc"] = "GB";
	navigator["item_name"] = _product.Name;
	navigator["item_number"] = _product.Code;
	navigator["amount"] = _product.Cost.ToString("#0.00");
	navigator["currency_code"] = _currency.Code;
	navigator["no_note"] = "1";
	navigator["no_shipping"] = "1";
	navigator["rm"] = "1";
	navigator["return"] = "Your return url";
	navigator["cancel_return"] = "Your cancel url";
	navigator["notify_url"] = "Your IPN url";
	navigator["custom"] = "Unique ID such as sale ID or whatever you like";

	return navigator;

Open in new window


Author Comment

ID: 34099925
Thanks DaTribe...

Would you just put this onto the click event of your add to cart button then?

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

LVL 18

Expert Comment

by:Richard Lee
ID: 34099955
Probably just the product code or something that would identify what product they chose. Depending on how the site allows users to list prices in various currencies that might have to be sent also.


Author Comment

ID: 34100256
Still a little lost in the execution of the thing as a whole.

So let me start by what I am thinking.

In the markup, <ItemTemplate> I would have my image as it is, then a dropdownlist to show the options that are available to buy and an add to cart button, this button when clicked would need to tell serverside the product chosen and the option in the dropdownlist chosen.

On sever side I can then construct the URL and redirect to that url??  is that right?

Also would be great if you could post a small sample of what the Navigator class looks like...cheers
LVL 18

Expert Comment

by:Richard Lee
ID: 34100341
OK await a sample code snippet. Since I left all my resources at home I would have to reconstruct.


Author Comment

ID: 34100374
Thank you for your help, its really appreciated
LVL 18

Accepted Solution

Richard Lee earned 2000 total points
ID: 34100919
Okay I have produced a sample however the process/flow is as follows:

Show Products --> Add to Basket --> Checkout --> Collect Payment via PayPal --> (Paypal communicate via IPN) --> Return Url --> (PayPal communicate via IPN)

Hopefully that didn't confuse you. I have communicate by IPN many times because depending on what is happening with the payment PayPal will always communicate in the background to let you know.


BTW this was a quick job so don't judge on the inline styles, lack of layers or separation, etc, etc :).


Author Comment

ID: 34118459
Sorry for the delayed respose.

Thank you so much for the sample project, I didn't use your exact example, but your help definetly pointed me in the right direction and now I have my own shopping cart.


Author Closing Comment

ID: 34118464
Very grateful for the trouble you went through to provide me a sample solution
LVL 18

Expert Comment

by:Richard Lee
ID: 34118873
Always glad to help!

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Hello there! As a developer I have modified and refactored the unit tests which was written by fellow developers in the past. On the course, I have gone through various misconceptions and technical challenges when it comes to implementation. I would…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
Suggested Courses
Course of the Month14 days, 18 hours left to enroll

839 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question