As a follow up to the webinar hosted by our colleague Carl Bergenhem "Build an E-Commerce ASP.NET AJAX Application", we decided to pick up from where he left the example and extend it to a fully working application incorporating RadControls and the EBay's OData feed.

Telerik Store home page

We loved the idea of a MetroUI based layout and introduced the new Metro Skin for RadControls, which fit the initial design with almost no customizations.

Metro Skin

This was also a great opportunity to demonstrate the new OData Client-Side binding feature of RadGrid. So we rolled up our sleeves and set to work.

 

After playing around with the eBay Odata Service API for a while and digging into its documentation we were a bit disappointed to find out that the current version does not support $inlinecound - RadGrid's built-in paging functionality. But that was no show stopper for us. After a quick brainstorming  session we came up with an elegant "custom paging" work around and the gridview was ready.

Paging

Metro Grid

Then, just following the logic of Carl's example, the rest was easy. Minor tweaks here and there, adding some cool and fancy perks and Voila! our e-commerce store was done.

e-commerce store

See the final result here. You can also download the source code following this link.


But that’s not the end. With the upcoming improvements to RadRotator's client-side API and RadListView's OData binding feature we plan to update and improve this application demonstrating how easy to use RadControls are with modern technologies and how much time they can save you.


About the Author

Stoyan Stratev

is a technical lead in the Windows 8 HTML team at Telerik. He joined the company in 2005 as a web developer, specializing in the integration of the Telerik components in third-party solutions, such as DotNetNuke and SharePoint. He led one of the ASP.NET AJAX teams before moving on to the Windows 8 division.

Related Posts

Comments

Comments are disabled in preview mode.