MultiView/ Web Parts Assignment
4902
£41(approx. $51)
- Posted:
- Proposals: 0
- Remote
- #45495
- Archived
Description
Experience Level: Intermediate
Part 1: MultiView
1. Add a new Website project with a page called Default.aspx.
Declare a form-level List object, e.g. lstCart. Each item is a String object in a form such as:
Item, count, total
For example:
lstCart.Add(“Item=Basketball, Count=2, Total=$20.00”);
lstCart.Add(“Item=Ping Pong Paddles, Count=1, total=$5.00”);
Add some items in the above form to lstCart, and then assign lstCart to a new Session state item called “cart”.
2. Add a page called Checkout.aspx.
Add a button to the Default.aspx page to redirect the user to Checkout.aspx.
On Checkout.aspx, add a MultiView control.
Add 3 View controls to the MultiView control: vwOrder, vwShippingBilling and vwConfirmation
The first View control, e.g. vwCart, contains a list of the items being purchased, e.g.
“You are purchasing these items:
Item=Basketball, Count=2, Total=$20.00
Item=Bicycle speedometer, Count=1, total=$10.00” …etc…”
The list that is displayed is generated from a Session state item called “cart”.
There should be a Next and Cancel button at the bottom of the View. The Cancel button redirects back to the Default page and does not clear the “cart” Session state item.
3. The Next button displays a View control that contains shipping and billing information.
vwShippingBilling contains some TextBox controls to allow the user to enter his or her street address, city, state and ZIP code.
It also contains a DropDownList to select the credit card company (e.g. MasterCard, Visa, Discovery, etc), and a Textbox for the card number.
The vwShippingBilling control has a Previous, Finish button and a Cancel button. The Finish button takes the user to vwConfirmation.
5. The vwConfirmation control simply contains a message such as the following, and a button that empties the “cart” Session state item and redirects the user back to Default.aspx. (Feel free to construct a confirmation number yourself.)
“Your purchase order confirmation number is: 11223344”
Part 2: Web Parts
1. Copy the Checkout.aspx page and name it CheckoutWP.aspx.
2. Add two User Controls called Shipping.ascx and Billing.ascx. Move all the shipping and billing-related controls from vwShippingBilling (from the MultiView control) into these User Controls. Note: these User Controls do not need any functionality (e.g. public properties, methods, etc), as they will perform no work.
3. Delete the vwShippingBilling from the MultiView control. On the Order View control, implement WebParts by first adding a WebPartManager and then two WebPartZone controls.
4. Add a Shipping and a Billing user control to the first WebPartZone. The second WebPartZone should be empty.
5. Provide a way to allow the user to toggle between browse mode and design mode, so the user may reorder WebParts within zones or move across zones.
Optional Information: Computer OS: Windows Vista Browser: IE Programming Language: C# Compiler: Visual Studio 2010
1. Add a new Website project with a page called Default.aspx.
Declare a form-level List object, e.g. lstCart. Each item is a String object in a form such as:
Item, count, total
For example:
lstCart.Add(“Item=Basketball, Count=2, Total=$20.00”);
lstCart.Add(“Item=Ping Pong Paddles, Count=1, total=$5.00”);
Add some items in the above form to lstCart, and then assign lstCart to a new Session state item called “cart”.
2. Add a page called Checkout.aspx.
Add a button to the Default.aspx page to redirect the user to Checkout.aspx.
On Checkout.aspx, add a MultiView control.
Add 3 View controls to the MultiView control: vwOrder, vwShippingBilling and vwConfirmation
The first View control, e.g. vwCart, contains a list of the items being purchased, e.g.
“You are purchasing these items:
Item=Basketball, Count=2, Total=$20.00
Item=Bicycle speedometer, Count=1, total=$10.00” …etc…”
The list that is displayed is generated from a Session state item called “cart”.
There should be a Next and Cancel button at the bottom of the View. The Cancel button redirects back to the Default page and does not clear the “cart” Session state item.
3. The Next button displays a View control that contains shipping and billing information.
vwShippingBilling contains some TextBox controls to allow the user to enter his or her street address, city, state and ZIP code.
It also contains a DropDownList to select the credit card company (e.g. MasterCard, Visa, Discovery, etc), and a Textbox for the card number.
The vwShippingBilling control has a Previous, Finish button and a Cancel button. The Finish button takes the user to vwConfirmation.
5. The vwConfirmation control simply contains a message such as the following, and a button that empties the “cart” Session state item and redirects the user back to Default.aspx. (Feel free to construct a confirmation number yourself.)
“Your purchase order confirmation number is: 11223344”
Part 2: Web Parts
1. Copy the Checkout.aspx page and name it CheckoutWP.aspx.
2. Add two User Controls called Shipping.ascx and Billing.ascx. Move all the shipping and billing-related controls from vwShippingBilling (from the MultiView control) into these User Controls. Note: these User Controls do not need any functionality (e.g. public properties, methods, etc), as they will perform no work.
3. Delete the vwShippingBilling from the MultiView control. On the Order View control, implement WebParts by first adding a WebPartManager and then two WebPartZone controls.
4. Add a Shipping and a Billing user control to the first WebPartZone. The second WebPartZone should be empty.
5. Provide a way to allow the user to toggle between browse mode and design mode, so the user may reorder WebParts within zones or move across zones.
Optional Information: Computer OS: Windows Vista Browser: IE Programming Language: C# Compiler: Visual Studio 2010
Deon F.
0% (0)Projects Completed
2
Freelancers worked with
1
Projects awarded
50%
Last project
2 Dec 2010
United States
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies