Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles
(untagged)

Build RIAs with Incredible Web 2.0 experiences in ASP.NET AJAX

1 Apr 2009 2  
Murtaza Abdeali explains how Web developers can create high-fidelity Web 2.0 user experiences in their Rich Internet Applications by using a powerful set of user interface controls that leverage Microsoft ASP.NET AJAX technology.

This article is in the Product Showcase section for our sponsors at CodeProject. These articles are intended to provide you with information on products and services that we consider useful and of value to developers.

As the industry leader in User Interface development tools and the User Experience, Infragistics delivers ASP.NET AJAX controls that are robust, lightweight, high-performing across browsers. NetAdvantage® for Web Client includes ASP.NET AJAX controls that leverage the power of ASP.NET 3.5 to give you all of the tools you need to create next-generation Web 2.0 applications for line of business needs.

Aikido™ Framework for ASP.NET AJAX Controls

Created by Infragistics, the Aikido Framework on which all of NetAdvantage’s new ASP.NET AJAX controls are built, leverages ASP.NET 3.5 (or ASP.NET 2.0 with the Microsoft ASP.NET 2.0 AJAX Extensions installed) to seamlessly integrate AJAX functionality with W3C standards including XHTML and CSS. Infragistics ASP.NET AJAX controls are scalable because they minimize the network traffic between client and server. They also maximize responsiveness to rival a desktop user experience in the browser, taking full advantage of Infragistics expertise with UX design patterns and AJAX.

Figure 1 – Infragistics infraShop™ reference application built with ASP.NET AJAX controls including the WebDataGrid™, WebSlider™ and WebDialogWindow™.

Learn more about the ASP.NET controls available in NetAdvantage for Web Client,
Download a Fully-Functional Free Trial today.

State of the Art WebDataGrid

Based on the Aikido Framework, the WebDataGrid offers a pay-to-play model meaning that the data grid optimizes either its client mark up or Javascript depending on the behaviors you select, so you don’t have bloated pages full of unnecessary HTML and Javascript that is unneeded. The end result is optimized performance.

Figure 2 – Shows how “pay-to-play” model works in the WebDataGrid.

In addition to optimized performance, with its complete ASP.NET templating capabilities within the grid, you can display your data in any fashion. No matter what caliber application you are aiming for, you can always achieve the high-fidelity of some of the most state of the art Web-based applications out there such as Web-based e-mail clients.

Figure 3 - Infragistics WebDataGrid with ASP.NET Template Columns, Paging and Styling.

Full support for complex editors let you choose editors depending on your field type for data-entry, so if you need a dropdown list of values you can just plug-in the WebDropDown™ editor and be all set. And since the WebDataGrid is built on the Infragistics Application Styling Framework™, it can be globally styled using CSS and a roles-based styling paradigm that gives you complete control over the look and feel of your applications.

Figure 4 – WebDataGrid showing how your users can dynamically widen its Company column with the built-in Column Resizing behavior.

Line of business application users expect functionality akin to Microsoft Excel 2007 – it is essential to most of them. WebDataGrid has a wealth of features that make it the perfect fit for these line of business applications on the Web. Its interactive features for data manipulation include sorting, filtering, paging, resizing, selection, column reordering and Excel-like navigation. All of these behaviors are configurable within the control. If you want the grid to perform CRUD (create, read, update and delete) operations against your data store, you just turn on the desired behaviors and the WebDataGrid renders what is needed to support it.

Furthermore, Infragistics has developed an Excel-compatible class library for use with the WebDataGrid so that you can easily import and export Excel files in your Web-based applications. Export the data grid “as is” and in high-fidelity to Microsoft Excel’s .XLS file format, to let users work with your business data offline.

Figure 5 – PDF report generated from WebGrid™ and WebChart™ data using Infragistics.Documents class library included with NetAdvantage for Web Client.

Infragistics also has a Documents class library which lets your Web-based application perform similar operations out-of-the-box, to generate your own Adobe® PDF or Microsoft XPS (Extensible Paper Specification) documents. The NetAdvantage for Web Client toolset also comes with a calculation engine, WebCalcManager™, which supports over 100 spreadsheet-like formulas covering finance, statistics, and more, that enable you to create dynamic Web-based applications.

Learn more about the ASP.NET AJAX data grid and file format support in NetAdvantage for Web Client,
Download a Fully-Functional Free Trial today.

Rich Controls for Thin Clients

When we talk about a Web application the first thing that comes to mind are the limitations, disconnected architecture, page refreshes, and the pain of supporting different browsers. With the ASP.NET AJAX controls in NetAdvantage for Web Client, you don’t have to worry about those limitations. These rich controls make your Web applications more responsive to your end-user, and you can stay connected to your data sources so you don’t have to manage manual updates. A host of load-on-demand features are built into the ASP.NET AJAX controls, like paging and scroll-on-demand, that make your Web application deliver limitless data on-the-fly!

Figure 6 – Infragistics infraProperties™ reference application built with Infragistics ASP.NET AJAX controls (the WebSlider, WebDataGrid, WebPanel™, WebDialogWindow™, WebImageViewer™ and WebEditors™ are shown.)

In addition to using traditional page elements on your Web pages, you can jazz up your UI with the innovative Web 2.0 controls like the ones seen above. All of these ASP.NET AJAX controls have been tested across every major browser and back up this interoperability by conforming to key Web standards.

Figure 7 – The Infragistics Portfolio Manager reference application was built with a variety of AJAX-Enabled ASP.NET controls including the WebTab™, WebGrid and WebTree™.

Infragistics ASP.NET controls give applications built for thin clients tremendously rich capabilities. Why don’t you see them online and download a free trial copy today?

Navigation Web Elements

With site maps, search engine optimization and social networking, navigation is essential in today’s Web applications. As a Web developer, you want to support this navigation and the Infragistics ASP.NET toolset enables this by providing you with a number of powerful navigation controls that include trees, menus, toolbars, listbars, tabs and so on.

Figure 8 – Infragistics’ Web-based e-mail client reference application built with ASP.NET controls including the WebDataGrid™, WebListBar™, WebTree™ and WebToolbar™.

These navigation controls can be used not just for traversing your Web site’s many different pages, but they can also help users perform page-level operations when they click, activate or select elements. All of this helps make your Web pages more dynamic, and reactive to your users’ scenarios.

Figure 9 – WebDataMenu™ demonstrating its item template support with its novel presentation of a list of page numbers.

If you like the navigation elements that you see here and want to explore them further, check them out online and download a free trial of the NetAdvantage for Web Client.

Meet Business Requirements in SharePoint®

Use NetAdvantage ASP.NET controls to add rich functionality within Microsoft Office SharePoint System (MOSS) or Windows SharePoint Services (WSS) to present your knowledge workers with rich business intelligence that can be organized around a set of highly-functional WebParts. It’s easy to wrap the Infragistics ASP.NET data grids, charts, gauges and more in a WebPart and add these controls’ versatile and rich feature set anywhere.

Figure 10 – Infragistics InfraDashboard™ reference application built with ASP.NET controls including the WebGrid™, WebPanel, WebCharts, and WebGauge™.

Infragistics knows the demands of your application’s user interface as well as anybody, and offers real-world guidance on the best practices when applying and deploying NetAdvantage ASP.NET controls in SharePoint-based applications so you will know just how to be successful.

Figure 11 – Infragistics Pomegranate reference application running on SharePoint and built with the NetAdvantage ASP.NET controls including WebDataGrid, WebChart, WebGauge, WebMenu™ and WebSlider.

Conclusion

NetAdvantage for Web Client 2009 Volume 1 has just been released by Infragistics and is now available for download with the latest ASP.NET AJAX controls. With these controls, Web developers receive the tools they need for creating next-generation Rich Internet Applications user interfaces that are scalable, high performance, and meet line of business application needs. Learn more information about ASP.NET AJAX development on www.infragistics.com.

Evaluate NetAdvantage for Web Client 2009 Volume 1 for yourself today.
Download a Free, Fully-Functional Trial Now.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here