webclientguidance Wiki & Documentation Rss Feed

New Comment on "Web Client Software Factory"

icelava — Fri, 23 Dec 2011 03:33:08 GMT

[Web Client Software Factory 2010 Getting Started Guide] link is still incorrectly pointed to the Smart Client page. It's already been half a year.

New Comment on "Web Client Software Factory"

saharMohammadi — Mon, 02 May 2011 07:21:32 GMT

the "Web Client Software Factory 2010 Getting Started Guide" don't go to the correct url (it goes to smart client getting started), the correct address is: http://webclientguidance.codeplex.com/wikipage?title=GettingStartedwiththeWebClientSoftwareFactory2010

New Comment on "ModelViewPresenterQuickStarts"

sunjcheng — Wed, 05 Jan 2011 22:17:29 GMT

Cannot rebuild the solution file. Please help! The error message is described as follows Error 2 The command "Attrib -R /S C:\WCSF 2010 Source\Trunk\Source\MVPQuickstart\..\Lib\WCSFBlocks\*.* copy C:\WCSF 2010 Source\BlocksTrunk\Source\WebControls\Source\WebControls\bin\Debug\Microsoft.Practices.Web.UI.WebControls.dll C:\WCSF 2010 Source\Trunk\Source\MVPQuickstart\..\Lib\WCSFBlocks" exited with code 1. WebControls

New Comment on "ModelViewPresenterQuickStarts"

devkhinchi — Sat, 04 Sep 2010 08:22:43 GMT

i have faced this error when i open MVPQuickstart.sln file Microsoft Visual Studio --------------------------- The selected file is a solution file, but was created by a newer version of this application and cannot be opened.

New Comment on "ModelViewPresenterQuickStarts"

devkhinchi — Sat, 04 Sep 2010 08:21:18 GMT

problem to Open the solution file MVPQuickstart.sln (Model-View-Presenter QuickStart)

Updated Wiki: Web Client Guidance

ndelgado — Wed, 02 Jun 2010 21:43:26 GMT

Developing Web Apps: Building Responsive, Modular Web Applications

Getting Started

Before you can run Developing Web Apps, you must install the pre-requisites and follow the instructions in the GettingStarted.html included with the drop.

Download

You can download the latest drop of the Developing Web Apps from here.

Where to go next?

Action	Link
Explore our compilation of Developing Web Apps tips, tricks and guidance from the team and the community	Web Guidance Knowledge Base
View known issues	Known Issues

Updated Wiki: Web Client Guidance

ndelgado — Wed, 02 Jun 2010 21:41:32 GMT

Developing Web Apps: Building Responsive, Modular Web Applications

Getting Started

Before you can run Developing Web Apps, you must install the pre-requisites and follow the instructions in the GettingStarted.html included with the drop.

Download

You can download the latest drop of the Developing Web Apps from here.

Where to go next?

Action	Link
Explore our compilation of Developing Web Apps tips, tricks and guidance from the team and the community	Web Guidance Knowledge Base
View known issues	Known Issues

Updated Wiki: Home

ndelgado — Wed, 02 Jun 2010 21:40:18 GMT

Overview

The Web Client Guidance program from patterns & practices assists developers and architects with the design, development, and deployment of rich, responsive, modular, Web applications using the .NET Framework and other Microsoft technologies.

Projects

The Web Client Guidance program consists of two projects:

Web Client Software Factory. This project last released in February 2008. There will be an updated release that targets Visual Studio 2010. This release will be a port of the existing features and guidance found in the Visual Studio 2008 release. For information about the Web Client Software Factory go here.
Developing Web Apps. This project is currently under development. We will make changes based upon your feedback. For information about the Developing Web Apps project go here. The anticipated benefits include:
- Provides infrastructure for developing and maintaining ASP.NET and Ajax applications
- Provides guidance on MVC 2, jQuery, and the Microsoft Ajax Library
- Unit testing for ASP.NET and JavaScript client applications
- Responsive applications
- Flexible architecture that allows change
- Separated presentation including unit testing view logic
- Application modules are developed, tested and deployed separately
- User Interface components are dynamically composed
- Guidance on how to improve Web client security
- Allows incremental adoption of the components

Action	Link
Web Client Developer Guidance Home	Web Client Guidance
Web Client Software Factory Home	Web Client Software Factory
View recent announcements for the Web Client program	Announcements
Read blog postings from the team	Team Blogs
Read blog postings from the trenches	Community Blogs

Participation

The guidance is developed by patterns & practices using an Agile process. This process includes frequent builds and releases in this community of code and documentation. If you find bugs or want additional capabilities addressed by the team, use the Issue Tracker to create a new Work Item.

You can influence these projects. Please send us feedback!

Our team will continuously monitor the forums in this site to get feedback on content and to help us prioritize.

Thanks!
p&p Client Team

Updated Wiki: Web Client Software Factory

hanz — Fri, 21 May 2010 23:49:41 GMT

Web Client Software Factory 2010 that supports Visual Studio 2010 is now available for download.

Web Client Software Factory 2010 Source that supports Visual Studio 2010 is now available for download.

Web Client Software Factory 2010 Documentation is now available for download.

Web Client Software Factory 2010 Getting Started Guide is now available for download.

The Web Client Software Factory (WCSF) provides a set of guidance for architects and developers building enterprise Web applications. The factory includes samples, reusable code and a guidance package which automates key development tasks from within Visual Studio.

Using the Web Client Software Factory assets, developers can create Composite Web applications composed of independently developed and deployed modules. These modules are dynamically brought together at runtime into a common shell. Additionally the factory includes support for ASP.NET AJAX thus providing users with a richer and more responsive user experience.

Getting Started

The Getting Started provides recommendations on how to quickly use the guidance available in this factory.

Click here to download the Web Client Software Factory - February 2008
Click here for detailed instructions on Installing the factory or Upgrade From Previous Releases.
Click here if you want to download the Web Client Software Documentation instead of the entire factory.
Click here for a list of Known Issues.

Where to go next?

Action	Link
Read about the February 2008 release of the factory	WCSF MSDN Landing page
View our bundle catalog	Guidance Bundle catalog
View recent announcements for the Web Client program	Announcements
See a list of resources for getting started with WCSF	Learning Resources
Explore our compilation of Web Client tips, tricks and guidance from the Web Client team and the community	Knowledge Base
Page Flow Package released in WCSFContrib	Download WCSFContrib Trunk
Read blog postings from the team	Team Blogs
Read blog postings from the trenches	Community Blogs
View Community work items that have been resolved with WCSF February 2008 release	Resolved items
View additional links and resources	Other links
View known issues	Known Issues

Participation

The factory is developed using the open process used by patterns & practices for all of its deliverables. This process includes frequent builds and releases in this community of code and documentation. If you find bugs or want additional capabilities addressed by the team, use the Issue Tracker to create a new Work Item.

You can influence this project. Please send us feedback!

Our team will continuously monitor the forums in this site to get feedback on content and to help us prioritize.

Thanks!
p&p Client Team

Updated Wiki: Web Client Software Factory

hanz — Fri, 21 May 2010 23:49:00 GMT

Web Client Software Factory 2010 that supports Visual Studio 2010 RC is now available for download.

Web Client Software Factory 2010 Source that supports Visual Studio 2010 RC is now available for download.

Web Client Software Factory 2010 Documentation is now available for download.

Web Client Software Factory 2010 Getting Started Guide is now available for download.

Getting Started

The Getting Started provides recommendations on how to quickly use the guidance available in this factory.

Click here to download the Web Client Software Factory - February 2008
Click here for detailed instructions on Installing the factory or Upgrade From Previous Releases.
Click here if you want to download the Web Client Software Documentation instead of the entire factory.
Click here for a list of Known Issues.

Where to go next?

Action	Link
Read about the February 2008 release of the factory	WCSF MSDN Landing page
View our bundle catalog	Guidance Bundle catalog
View recent announcements for the Web Client program	Announcements
See a list of resources for getting started with WCSF	Learning Resources
Explore our compilation of Web Client tips, tricks and guidance from the Web Client team and the community	Knowledge Base
Page Flow Package released in WCSFContrib	Download WCSFContrib Trunk
Read blog postings from the team	Team Blogs
Read blog postings from the trenches	Community Blogs
View Community work items that have been resolved with WCSF February 2008 release	Resolved items
View additional links and resources	Other links
View known issues	Known Issues

Participation

Updated Wiki: Web Client Software Factory

hanz — Fri, 21 May 2010 23:32:24 GMT

Web Client Software Factory 2010 Source that supports Visual Studio 2010 RC is now available for download.

Getting Started

The Getting Started provides recommendations on how to quickly use the guidance available in this factory.

Click here to download the Web Client Software Factory - February 2008
Click here for detailed instructions on Installing the factory or Upgrade From Previous Releases.
Click here if you want to download the Web Client Software Documentation instead of the entire factory.
Click here for a list of Known Issues.

Where to go next?

Action	Link
Read about the February 2008 release of the factory	WCSF MSDN Landing page
View our bundle catalog	Guidance Bundle catalog
View recent announcements for the Web Client program	Announcements
See a list of resources for getting started with WCSF	Learning Resources
Explore our compilation of Web Client tips, tricks and guidance from the Web Client team and the community	Knowledge Base
Page Flow Package released in WCSFContrib	Download WCSFContrib Trunk
Read blog postings from the team	Team Blogs
Read blog postings from the trenches	Community Blogs
View Community work items that have been resolved with WCSF February 2008 release	Resolved items
View additional links and resources	Other links
View known issues	Known Issues

Participation

Updated Wiki: GettingStartedwiththeWebClientSoftwareFactory2010

hanz — Thu, 13 May 2010 00:01:52 GMT

Getting Started with the Web Client Software Factory 2010

Are you new to the Web Client Software Factory? After installing the Web Client Software Factory, the best way to get familiar with the Web Client Software Factory is to do the following:

See the Web Client Software Factory for overview information on the factory.
Build a Hello World application
Download and complete the Hands-on Labs. (Note that these labs are for the June 2007 release.)

Just Want to Review the Documentation?

If you are in the evaluation phase of the software factory, you can download the documentation before downloading the software factory. Then, when you are ready, you can download the software factory.

Understanding the Basic Steps

Figure 1 illustrates the steps involved in creating the Hello World application.

Figure 1
Create Web client solution

These steps are explained in more detail in the following procedure.

To perform the basic steps

Create the Web client solution. To do this, create the project and set some of its properties, such as where the default Web page is located.
Set the startup project, and then compile and run initial solution.
Add a Hello World business module. A business module encapsulates an aspect of your application’s functionality.
Create a page in the Hello World business module. Business modules typically contain related Web pages. The page has a presenter. The presenter contains the logic that implements the behavior of the UI.
Register the page with the site map. This creates a parent and a child node.
Compile and run the solution.The next section describes how to use the Web Client Software Factory recipes to create the Hello World application.

Create Your Hello World Application

This section describes how to use the Web Client Software Factory recipes. To create your first Hello World application, perform the procedures in this section.

Note:  The following procedures require that the Web Client Software Factory guidance package be installed.

Figure 2
Create Web client solution

To create the Web client solution

On the File menu, point to New, and then click Project. The New Project dialog box appears. This is shown in Figure 2.
Under Project types, expand Guidance Packages, and then click Web Client Software Factory 2010.
Under Templates, click Web Client Solution (C#, WebSite).
In the Name box, type HelloWorldApplication.
If you do not want to use the default location, enter one in the Location text box, and then click OK.
On the first page of the Create Web Client Solution recipe wizard, confirm (or enter if necessary) the location of the required application block assemblies. This is shown in Figure 3.
In the Root namespace box, type HelloWorld.
Click Finish to unfold the Web Client solution template.

Figure 3: Create Web client solution

Figure 3
Create Web client solution recipe wizard

To set the startup project, and then compile and run initial solution

Set HelloWorldApplication as the startup project. To do this, right-click HelloWorldApplication in Solution Explorer, and then click Set as StartUp Project.
Set the Default.aspx page in the root of the HelloWorldApplication site as the start page. To do this, right-click Default.aspx in the root of the Web site, and then click Set as Start Page.
Press F5 to build and run the solution. You should see the default view created by the recipe on the right and a site map node named Home added by the Shell module on the left. Figure 4 shows the initial application running.

Figure 4
Hello World Web client application

To add a HelloWorld business module

In the Modules solution folder, create a solution folder (not a physical folder) named HelloWorld.
Use the guidance package to create a new business module in the HelloWorld solution folder. To do this, right-click the HelloWorld solution folder in Solution Explorer, point to Web Client Factory, and then click Add Business Module (C#).
In the Add New Project dialog box, type HelloWorld in the Name box. This is shown in Figure 5.

Figure 5
Add new project dialog box

In the Location box, click Browse to select %SolutionPath%\HelloWorldApplication\Modules\HelloWorld (create the HelloWorld folder if necessary).
Click OK to create the project and launch the recipe wizard.
The Add Business Module recipe wizard appears. Select the Click Finish*. This is shown in Figure 6.

Figure 6
Add Business Module recipe wizard

Note: For more information about how to create a module in your solution, see “How To: Create a Business Module” in the Web Client Software Factory documentation.

To create a page in the HelloWorld module

Create a new page named HelloWorldPage. To do this, right-click the HelloWorld folder inside HelloWorldApplication site, point to Web Client Factory, and then click Add Page (with presenter) (C#). The recipe wizard appears. This is shown in Figure 7.

Figure 7
Add Page (with presenter) recipe wizard

In the Page name box, type HelloWorldPage, and then click Finish. The Add Page (with presenter) recipe will add the IHelloWorldPageView interface and the HelloWorldPagePresenter class into Views folder inside HelloWorld project and the HelloWorldPage page into HelloWorld folder inside the HelloWorldApplication site.

Note: For more information about how to create a page in your module, see “How to: Add a Page with a Presenter” in the Web Client Software Factory documentation.

Open the HelloWorldPage.aspx file, and then change the message “HelloWorldPage” to “Hello World!” The source code of the page must look like the following.

Code: ASP.NET

<%@ Page Language="C#" AutoEventWireup="true"
         CodeFile="HelloWorldPage.aspx.cs"
         Inherits="HelloWorld.HelloWorld.Views.HelloWorldPage"
         Title="HelloWorldPage"
         MasterPageFile="~/Shared/DefaultMaster.master" %>

<asp:Content ID="content"
             ContentPlaceHolderID="DefaultContent"
             Runat="Server">
    <h1>Hello World!</h1>
</asp:Content>

To register the page with the site map

In Solution Explorer, double-click in the HelloWorldModuleInitializer.cs file located in the root of HelloWorld project inside the HelloWorld solution folder.
In the RegisterSiteMapInformation method, add the site map node corresponding to the HelloWorldPage page, as shown in the following code.

Code: C#

protected virtual void RegisterSiteMapInformation(ISiteMapBuilderService siteMapBuilderService)
{
    SiteMapNodeInfo moduleNode = new SiteMapNodeInfo("HelloWorld", "~/HelloWorld/Default.aspx", "HelloWorld");
    siteMapBuilderService.AddNode(moduleNode);

    SiteMapNodeInfo moduleNode1 = new SiteMapNodeInfo("HelloWorldPage", "~/HelloWorld/HelloWorldPage.aspx", "Hello World Page");
    siteMapBuilderService.AddNode(moduleNode1, moduleNode);
}

To compile and run the application

Press F5 to build and run the solution. You should see two site map nodes added by the HelloWorld module (the parent and the child). This is shown in Figure 8.

Figure 8
Site map nodes added by the Hello World module

Click in the Hello World Page child node. You should see the page added by the Add Page (with presenter) recipe. Figure 9 shows the HelloWorldPage.aspx page.

Figure 9
Hello World page

After you create your Hello World application, you can use the Web Client Software Factory How-to topics in the documentation to extend your application. The Hello World application can help you to do the following:

Create a Web client solution.
Enable a Web site to Use ASP.NET AJAX extensions.
Create a business module.
Create a foundational module.
Add a page with a presenter.
Add a master page with a presenter.
Add a user control with a presenter.
Implement the Model-View-Presenter pattern.
Unit test a presenter.
Register and use services.
Add module pages to the site map.
Use a module controller from a presenter.
Use session state with unit testing.
Map types for dependency injection.
Authorize Web pages.
Use the ObjectContainerDataSource control.
Use the ServerSideValidationExtender control.
Use the RealTimeSearchMonitor extender.
Use the ContextSensitiveAutoCompleteExtender control.

For information about how to perform these activities, see the "Development Activities" topic in the documentation.

Building and running the Reference Implementations and QuickStarts

This section assumes the Web Client Software Factory Source Code has been installed.
Some solutions require the Ajax Control Toolkit assembly that targets the .NET Framework 3.5 (downloaded separately). These solutions were tested on Version 11119 of the toolkit. The solutions that require Ajax Control Toolkit are:

Order Management Reference Implementation
Validation QuickStart
AutoComplete QuickStart

Note: In order to build these solutions, first copy the Ajax Control Toolkit assembly to the *Lib\AjaxControlToolkit3.5* folder.

Open the desired Reference Implementation or QuickStart solution file.
Press F5 to build and run the application.

More Information

For access to other documentation and resources, or to provide feedback, see the Web Client Software Factory Web site. For more general information about the goals of this and other patterns & practices deliverables, see the Microsoft patterns & practices Development Center.

Updated Wiki: GettingStartedwiththeWebClientSoftwareFactory2010

hanz — Wed, 12 May 2010 23:59:41 GMT

Getting Started with the Web Client Software Factory 2010

Are you new to the Web Client Software Factory? After installing the Web Client Software Factory, the best way to get familiar with the Web Client Software Factory is to do the following:

See the Web Client Software Factory for overview information on the factory.
Build a Hello World application
Download and complete the Hands-on Labs. (Note that these labs are for the June 2007 release.)

Just Want to Review the Documentation?

Understanding the Basic Steps

Create the Web client solution. To do this, create the project and set some of its properties, such as where the default Web page is located.
Set the startup project, and then compile and run initial solution.
Add a Hello World business module. A business module encapsulates an aspect of your application’s functionality.
Create a page in the Hello World business module. Business modules typically contain related Web pages. The page has a presenter. The presenter contains the logic that implements the behavior of the UI.
Register the page with the site map. This creates a parent and a child node.
Compile and run the solution.The next section describes how to use the Web Client Software Factory recipes to create the Hello World application.

Create Your Hello World Application

This section describes how to use the Web Client Software Factory recipes. To create your first Hello World application, perform the procedures in this section.

Note:  The following procedures require that the Web Client Software Factory guidance package be installed.

Figure 2
Create Web client solution

To create the Web client solution

On the File menu, point to New, and then click Project. The New Project dialog box appears. This is shown in Figure 2.
Under Project types, expand Guidance Packages, and then click Web Client Software Factory 2010.
Under Templates, click Web Client Solution (C#, WebSite).
In the Name box, type HelloWorldApplication.
If you do not want to use the default location, enter one in the Location text box, and then click OK.
On the first page of the Create Web Client Solution recipe wizard, confirm (or enter if necessary) the location of the required application block assemblies. This is shown in Figure 3.
In the Root namespace box, type HelloWorld.
Click Finish to unfold the Web Client solution template.

Figure 3: Create Web client solution

Figure 3
Create Web client solution recipe wizard

To set the startup project, and then compile and run initial solution

Set HelloWorldApplication as the startup project. To do this, right-click HelloWorldApplication in Solution Explorer, and then click Set as StartUp Project.
Set the Default.aspx page in the root of the HelloWorldApplication site as the start page. To do this, right-click Default.aspx in the root of the Web site, and then click Set as Start Page.
Press F5 to build and run the solution. You should see the default view created by the recipe on the right and a site map node named Home added by the Shell module on the left. Figure 4 shows the initial application running.

Figure 4
Hello World Web client application

To add a HelloWorld business module

In the Modules solution folder, create a solution folder (not a physical folder) named HelloWorld.
Use the guidance package to create a new business module in the HelloWorld solution folder. To do this, right-click the HelloWorld solution folder in Solution Explorer, point to Web Client Factory, and then click Add Business Module (C#).
In the Add New Project dialog box, type HelloWorld in the Name box. This is shown in Figure 5.

Figure 5
Add new project dialog box

In the Location box, click Browse to select %SolutionPath%\HelloWorldApplication\Modules\HelloWorld (create the HelloWorld folder if necessary).
Click OK to create the project and launch the recipe wizard.
The Add Business Module recipe wizard appears. Select the Click Finish*. This is shown in Figure 6.

Figure 6
Add Business Module recipe wizard

Note: For more information about how to create a module in your solution, see “How To: Create a Business Module” in the Web Client Software Factory documentation.

To create a page in the HelloWorld module

Create a new page named HelloWorldPage. To do this, right-click the HelloWorld folder inside HelloWorldApplication site, point to Web Client Factory, and then click Add Page (with presenter) (C#). The recipe wizard appears. This is shown in Figure 7.

Figure 7
Add Page (with presenter) recipe wizard

In the Page name box, type HelloWorldPage, and then click Finish. The Add Page (with presenter) recipe will add the IHelloWorldPageView interface and the HelloWorldPagePresenter class into Views folder inside HelloWorld project and the HelloWorldPage page into HelloWorld folder inside the HelloWorldApplication site.

Note: For more information about how to create a page in your module, see “How to: Add a Page with a Presenter” in the Web Client Software Factory documentation.

Open the HelloWorldPage.aspx file, and then change the message “HelloWorldPage” to “Hello World!” The source code of the page must look like the following.

Code: ASP.NET

<%@ Page Language="C#" AutoEventWireup="true"
         CodeFile="HelloWorldPage.aspx.cs"
         Inherits="HelloWorld.HelloWorld.Views.HelloWorldPage"
         Title="HelloWorldPage"
         MasterPageFile="~/Shared/DefaultMaster.master" %>

<asp:Content ID="content"
             ContentPlaceHolderID="DefaultContent"
             Runat="Server">
    <h1>Hello World!</h1>
</asp:Content>

To register the page with the site map

In Solution Explorer, double-click in the HelloWorldModuleInitializer.cs file located in the root of HelloWorld project inside the HelloWorld solution folder.
In the RegisterSiteMapInformation method, add the site map node corresponding to the HelloWorldPage page, as shown in the following code.

Code: C#

protected virtual void RegisterSiteMapInformation(ISiteMapBuilderService siteMapBuilderService)
{
    SiteMapNodeInfo moduleNode = new SiteMapNodeInfo("HelloWorld", "~/HelloWorld/Default.aspx", "HelloWorld");
    siteMapBuilderService.AddNode(moduleNode);

    SiteMapNodeInfo moduleNode1 = new SiteMapNodeInfo("HelloWorldPage", "~/HelloWorld/HelloWorldPage.aspx", "Hello World Page");
    siteMapBuilderService.AddNode(moduleNode1, moduleNode);
}

To compile and run the application

Press F5 to build and run the solution. You should see two site map nodes added by the HelloWorld module (the parent and the child). This is shown in Figure 8.

Figure 8
Site map nodes added by the Hello World module

Click in the Hello World Page child node. You should see the page added by the Add Page (with presenter) recipe. Figure 9 shows the HelloWorldPage.aspx page.

Create a Web client solution.
Enable a Web site to Use ASP.NET AJAX extensions.
Create a business module.
Create a foundational module.
Add a page with a presenter.
Add a master page with a presenter.
Add a user control with a presenter.
Implement the Model-View-Presenter pattern.
Unit test a presenter.
Register and use services.
Add module pages to the site map.
Use a module controller from a presenter.
Use session state with unit testing.
Map types for dependency injection.
Authorize Web pages.
Use the ObjectContainerDataSource control.
Use the ServerSideValidationExtender control.
Use the RealTimeSearchMonitor extender.
Use the ContextSensitiveAutoCompleteExtender control.

For information about how to perform these activities, see the "Development Activities" topic in the documentation.

Building and running the Reference Implementations and QuickStarts

Order Management Reference Implementation
Validation QuickStart
AutoComplete QuickStart

Note: In order to build these solutions, first copy the Ajax Control Toolkit assembly to the *Lib\AjaxControlToolkit3.5* folder.

Open the desired Reference Implementation or QuickStart solution file.
Press F5 to build and run the application.

More Information

Updated Wiki: GettingStartedwiththeWebClientSoftwareFactory2010

hanz — Wed, 12 May 2010 23:46:59 GMT

Getting Started with the Web Client Software Factory 2010

Are you new to the Web Client Software Factory? After installing the Web Client Software Factory, the best way to get familiar with the Web Client Software Factory is to do the following:

See the Web Client Software Factory for overview information on the factory.
Installing the Web Client Software Factory - February 2008 Release and prerequisites or Upgrade From Previous Releases
Build a Hello World application
Building and running the Reference Implementations and QuickStarts. For information about the Reference Implementations and QuickStarts, see the documentation.
Download and complete the Hands-on Labs. (Note that these labs are for the June 2007 release.)
Review the “Exploring the Web Client Software Factory” topic in the documentation.

Just Want to Review the Documentation?

Understanding the Basic Steps

Create the Web client solution. To do this, create the project and set some of its properties, such as where the default Web page is located.
Set the startup project, and then compile and run initial solution.
Add a Hello World business module. A business module encapsulates an aspect of your application’s functionality.
Create a page in the Hello World business module. Business modules typically contain related Web pages. The page has a presenter. The presenter contains the logic that implements the behavior of the UI.
Register the page with the site map. This creates a parent and a child node.
Compile and run the solution.The next section describes how to use the Web Client Software Factory recipes to create the Hello World application.

Create Your Hello World Application

This section describes how to use the Web Client Software Factory recipes. To create your first Hello World application, perform the procedures in this section.

Note:  The following procedures require that the Web Client Software Factory guidance package be installed.

Figure 2
Create Web client solution

To create the Web client solution

On the File menu, point to New, and then click Project. The New Project dialog box appears. This is shown in Figure 2.
Under Project types, expand Guidance Packages, and then click Web Client Software Factory 2010.
Under Templates, click Web Client Solution (C#, WebSite).
In the Name box, type HelloWorldApplication.
If you do not want to use the default location, enter one in the Location text box, and then click OK.
On the first page of the Create Web Client Solution recipe wizard, confirm (or enter if necessary) the location of the required application block assemblies. This is shown in Figure 3.
In the Root namespace box, type HelloWorld.
Click Finish to unfold the Web Client solution template.

Figure 3: Create Web client solution

Figure 3
Create Web client solution recipe wizard

To set the startup project, and then compile and run initial solution

Set HelloWorldApplication as the startup project. To do this, right-click HelloWorldApplication in Solution Explorer, and then click Set as StartUp Project.
Set the Default.aspx page in the root of the HelloWorldApplication site as the start page. To do this, right-click Default.aspx in the root of the Web site, and then click Set as Start Page.
Press F5 to build and run the solution. You should see the default view created by the recipe on the right and a site map node named Home added by the Shell module on the left. Figure 4 shows the initial application running.

Figure 4
Hello World Web client application

To add a HelloWorld business module

In the Modules solution folder, create a solution folder (not a physical folder) named HelloWorld.
Use the guidance package to create a new business module in the HelloWorld solution folder. To do this, right-click the HelloWorld solution folder in Solution Explorer, point to Web Client Factory, and then click Add Business Module (C#).
In the Add New Project dialog box, type HelloWorld in the Name box. This is shown in Figure 5.

Figure 5
Add new project dialog box

In the Location box, click Browse to select %SolutionPath%\HelloWorldApplication\Modules\HelloWorld (create the HelloWorld folder if necessary).
Click OK to create the project and launch the recipe wizard.
The Add Business Module recipe wizard appears. Select the Click Finish*. This is shown in Figure 6.

Figure 6
Add Business Module recipe wizard

Note: For more information about how to create a module in your solution, see “How To: Create a Business Module” in the Web Client Software Factory documentation.

To create a page in the HelloWorld module

Create a new page named HelloWorldPage. To do this, right-click the HelloWorld folder inside HelloWorldApplication site, point to Web Client Factory, and then click Add Page (with presenter) (C#). The recipe wizard appears. This is shown in Figure 7.

Figure 7
Add Page (with presenter) recipe wizard

In the Page name box, type HelloWorldPage, and then click Finish. The Add Page (with presenter) recipe will add the IHelloWorldPageView interface and the HelloWorldPagePresenter class into Views folder inside HelloWorld project and the HelloWorldPage page into HelloWorld folder inside the HelloWorldApplication site.

Note: For more information about how to create a page in your module, see “How to: Add a Page with a Presenter” in the Web Client Software Factory documentation.

Open the HelloWorldPage.aspx file, and then change the message “HelloWorldPage” to “Hello World!” The source code of the page must look like the following.

Code: ASP.NET

<%@ Page Language="C#" AutoEventWireup="true"
         CodeFile="HelloWorldPage.aspx.cs"
         Inherits="HelloWorld.HelloWorld.Views.HelloWorldPage"
         Title="HelloWorldPage"
         MasterPageFile="~/Shared/DefaultMaster.master" %>

<asp:Content ID="content"
             ContentPlaceHolderID="DefaultContent"
             Runat="Server">
    <h1>Hello World!</h1>
</asp:Content>

To register the page with the site map

In Solution Explorer, double-click in the HelloWorldModuleInitializer.cs file located in the root of HelloWorld project inside the HelloWorld solution folder.
In the RegisterSiteMapInformation method, add the site map node corresponding to the HelloWorldPage page, as shown in the following code.

Code: C#

protected virtual void RegisterSiteMapInformation(ISiteMapBuilderService siteMapBuilderService)
{
    SiteMapNodeInfo moduleNode = new SiteMapNodeInfo("HelloWorld", "~/HelloWorld/Default.aspx", "HelloWorld");
    siteMapBuilderService.AddNode(moduleNode);

    SiteMapNodeInfo moduleNode1 = new SiteMapNodeInfo("HelloWorldPage", "~/HelloWorld/HelloWorldPage.aspx", "Hello World Page");
    siteMapBuilderService.AddNode(moduleNode1, moduleNode);
}

To compile and run the application

Press F5 to build and run the solution. You should see two site map nodes added by the HelloWorld module (the parent and the child). This is shown in Figure 8.

Figure 8
Site map nodes added by the Hello World module

Click in the Hello World Page child node. You should see the page added by the Add Page (with presenter) recipe. Figure 9 shows the HelloWorldPage.aspx page.

Create a Web client solution.
Enable a Web site to Use ASP.NET AJAX extensions.
Create a business module.
Create a foundational module.
Add a page with a presenter.
Add a master page with a presenter.
Add a user control with a presenter.
Implement the Model-View-Presenter pattern.
Unit test a presenter.
Register and use services.
Add module pages to the site map.
Use a module controller from a presenter.
Use session state with unit testing.
Map types for dependency injection.
Authorize Web pages.
Use the ObjectContainerDataSource control.
Use the ServerSideValidationExtender control.
Use the RealTimeSearchMonitor extender.
Use the ContextSensitiveAutoCompleteExtender control.

For information about how to perform these activities, see the "Development Activities" topic in the documentation.

Building and running the Reference Implementations and QuickStarts

Order Management Reference Implementation
Validation QuickStart
AutoComplete QuickStart

Note: In order to build these solutions, first copy the Ajax Control Toolkit assembly to the *Lib\AjaxControlToolkit3.5* folder.

Open the desired Reference Implementation or QuickStart solution file.
Press F5 to build and run the application.

More Information

Updated Wiki: GettingStartedwiththeWebClientSoftwareFactory2010

hanz — Wed, 12 May 2010 23:45:53 GMT

Getting Started with the Web Client Software Factory 2010

Are you new to the Web Client Software Factory? After installing the Web Client Software Factory, the best way to get familiar with the Web Client Software Factory is to do the following:

See the Web Client Software Factory for overview information on the factory.
Installing the Web Client Software Factory - February 2008 Release and prerequisites or Upgrade From Previous Releases
Build a Hello World application
Building and running the Reference Implementations and QuickStarts. For information about the Reference Implementations and QuickStarts, see the documentation.
Download and complete the Hands-on Labs. (Note that these labs are for the June 2007 release.)
Review the “Exploring the Web Client Software Factory” topic in the documentation.

Just Want to Review the Documentation?

Understanding the Basic Steps

Create the Web client solution. To do this, create the project and set some of its properties, such as where the default Web page is located.
Set the startup project, and then compile and run initial solution.
Add a Hello World business module. A business module encapsulates an aspect of your application’s functionality.
Create a page in the Hello World business module. Business modules typically contain related Web pages. The page has a presenter. The presenter contains the logic that implements the behavior of the UI.
Register the page with the site map. This creates a parent and a child node.
Compile and run the solution.The next section describes how to use the Web Client Software Factory recipes to create the Hello World application.

Create Your Hello World Application

This section describes how to use the Web Client Software Factory recipes. To create your first Hello World application, perform the procedures in this section.

Note:  The following procedures require that the Web Client Software Factory guidance package be installed.

Figure 2
Create Web client solution

To create the Web client solution

On the File menu, point to New, and then click Project. The New Project dialog box appears. This is shown in Figure 2.
Under Project types, expand Guidance Packages, and then click Web Client Software Factory 2010.
Under Templates, click Web Client Solution (C#, WebSite).
In the Name box, type HelloWorldApplication.
If you do not want to use the default location, enter one in the Location text box, and then click OK.
On the first page of the Create Web Client Solution recipe wizard, confirm (or enter if necessary) the location of the required application block assemblies. This is shown in Figure 3.
In the Root namespace box, type HelloWorld.
Click Finish to unfold the Web Client solution template.

Figure 3: Create Web client solution

Figure 3
Create Web client solution recipe wizard

To set the startup project, and then compile and run initial solution

Set HelloWorldApplication as the startup project. To do this, right-click HelloWorldApplication in Solution Explorer, and then click Set as StartUp Project.
Set the Default.aspx page in the root of the HelloWorldApplication site as the start page. To do this, right-click Default.aspx in the root of the Web site, and then click Set as Start Page.
Press F5 to build and run the solution. You should see the default view created by the recipe on the right and a site map node named Home added by the Shell module on the left. Figure 4 shows the initial application running.

Figure 4
Hello World Web client application

To add a HelloWorld business module

In the Modules solution folder, create a solution folder (not a physical folder) named HelloWorld.
Use the guidance package to create a new business module in the HelloWorld solution folder. To do this, right-click the HelloWorld solution folder in Solution Explorer, point to Web Client Factory, and then click Add Business Module (C#).
In the Add New Project dialog box, type HelloWorld in the Name box. This is shown in Figure 5.

Figure 5
Add new project dialog box

In the Location box, click Browse to select %SolutionPath%\HelloWorldApplication\Modules\HelloWorld (create the HelloWorld folder if necessary).
Click OK to create the project and launch the recipe wizard.
The Add Business Module recipe wizard appears. Select the Click Finish*. This is shown in Figure 6.

Figure 6
Add Business Module recipe wizard

Note: For more information about how to create a module in your solution, see “How To: Create a Business Module” in the Web Client Software Factory documentation.

To create a page in the HelloWorld module

Create a new page named HelloWorldPage. To do this, right-click the HelloWorld folder inside HelloWorldApplication site, point to Web Client Factory, and then click Add Page (with presenter) (C#). The recipe wizard appears. This is shown in Figure 7.

Figure 7
Add Page (with presenter) recipe wizard

In the Page name box, type HelloWorldPage, and then click Finish. The Add Page (with presenter) recipe will add the IHelloWorldPageView interface and the HelloWorldPagePresenter class into Views folder inside HelloWorld project and the HelloWorldPage page into HelloWorld folder inside the HelloWorldApplication site.

Note: For more information about how to create a page in your module, see “How to: Add a Page with a Presenter” in the Web Client Software Factory documentation.

Open the HelloWorldPage.aspx file, and then change the message “HelloWorldPage” to “Hello World!” The source code of the page must look like the following.

Code: ASP.NET

<%@ Page Language="C#" AutoEventWireup="true"
         CodeFile="HelloWorldPage.aspx.cs"
         Inherits="HelloWorld.HelloWorld.Views.HelloWorldPage"
         Title="HelloWorldPage"
         MasterPageFile="~/Shared/DefaultMaster.master" %>

<asp:Content ID="content"
             ContentPlaceHolderID="DefaultContent"
             Runat="Server">
    <h1>Hello World!</h1>
</asp:Content>

To register the page with the site map

In Solution Explorer, double-click in the HelloWorldModuleInitializer.cs file located in the root of HelloWorld project inside the HelloWorld solution folder.
In the RegisterSiteMapInformation method, add the site map node corresponding to the HelloWorldPage page, as shown in the following code.

Code: C#

protected virtual void RegisterSiteMapInformation(ISiteMapBuilderService siteMapBuilderService)
{
    SiteMapNodeInfo moduleNode = new SiteMapNodeInfo("HelloWorld", "~/HelloWorld/Default.aspx", "HelloWorld");
    siteMapBuilderService.AddNode(moduleNode);

    *SiteMapNodeInfo moduleNode1 = new SiteMapNodeInfo("HelloWorldPage", "~/HelloWorld/HelloWorldPage.aspx", "Hello World Page");*
    *siteMapBuilderService.AddNode(moduleNode1, moduleNode);*
}

To compile and run the application

Press F5 to build and run the solution. You should see two site map nodes added by the HelloWorld module (the parent and the child). This is shown in Figure 8.

Figure 8
Site map nodes added by the Hello World module

Click in the Hello World Page child node. You should see the page added by the Add Page (with presenter) recipe. Figure 9 shows the HelloWorldPage.aspx page.

Create a Web client solution.
Enable a Web site to Use ASP.NET AJAX extensions.
Create a business module.
Create a foundational module.
Add a page with a presenter.
Add a master page with a presenter.
Add a user control with a presenter.
Implement the Model-View-Presenter pattern.
Unit test a presenter.
Register and use services.
Add module pages to the site map.
Use a module controller from a presenter.
Use session state with unit testing.
Map types for dependency injection.
Authorize Web pages.
Use the ObjectContainerDataSource control.
Use the ServerSideValidationExtender control.
Use the RealTimeSearchMonitor extender.
Use the ContextSensitiveAutoCompleteExtender control.

For information about how to perform these activities, see the "Development Activities" topic in the documentation.

Building and running the Reference Implementations and QuickStarts

Order Management Reference Implementation
Validation QuickStart
AutoComplete QuickStart

Note: In order to build these solutions, first copy the Ajax Control Toolkit assembly to the *Lib\AjaxControlToolkit3.5* folder.

Open the desired Reference Implementation or QuickStart solution file.
Press F5 to build and run the application.

More Information

Updated Wiki: GettingStartedwiththeWebClientSoftwareFactory2010

hanz — Wed, 12 May 2010 23:44:00 GMT

Getting Started with the Web Client Software Factory 2010

Are you new to the Web Client Software Factory? After installing the Web Client Software Factory, the best way to get familiar with the Web Client Software Factory is to do the following:

See the Web Client Software Factory for overview information on the factory.
Installing the Web Client Software Factory - February 2008 Release and prerequisites or Upgrade From Previous Releases
Build a Hello World application
Building and running the Reference Implementations and QuickStarts. For information about the Reference Implementations and QuickStarts, see the documentation.
Download and complete the Hands-on Labs. (Note that these labs are for the June 2007 release.)
Review the “Exploring the Web Client Software Factory” topic in the documentation.

Just Want to Review the Documentation?

Understanding the Basic Steps

Create the Web client solution. To do this, create the project and set some of its properties, such as where the default Web page is located.
Set the startup project, and then compile and run initial solution.
Add a Hello World business module. A business module encapsulates an aspect of your application’s functionality.
Create a page in the Hello World business module. Business modules typically contain related Web pages. The page has a presenter. The presenter contains the logic that implements the behavior of the UI.
Register the page with the site map. This creates a parent and a child node.
Compile and run the solution.The next section describes how to use the Web Client Software Factory recipes to create the Hello World application.

Create Your Hello World Application

This section describes how to use the Web Client Software Factory recipes. To create your first Hello World application, perform the procedures in this section.

Note:  The following procedures require that the Web Client Software Factory guidance package be installed.

Figure 2
Create Web client solution

To create the Web client solution

On the File menu, point to New, and then click Project. The New Project dialog box appears. This is shown in Figure 2.
Under Project types, expand Guidance Packages, and then click Web Client Software Factory 2010.
Under Templates, click Web Client Solution (C#, WebSite).
In the Name box, type HelloWorldApplication.
If you do not want to use the default location, enter one in the Location text box, and then click OK.
On the first page of the Create Web Client Solution recipe wizard, confirm (or enter if necessary) the location of the required application block assemblies. This is shown in Figure 3.
In the Root namespace box, type HelloWorld.
Click Finish to unfold the Web Client solution template.

Figure 3: Create Web client solution

Figure 3
Create Web client solution recipe wizard

To set the startup project, and then compile and run initial solution

Set HelloWorldApplication as the startup project. To do this, right-click HelloWorldApplication in Solution Explorer, and then click Set as StartUp Project.
Set the Default.aspx page in the root of the HelloWorldApplication site as the start page. To do this, right-click Default.aspx in the root of the Web site, and then click Set as Start Page.
Press F5 to build and run the solution. You should see the default view created by the recipe on the right and a site map node named Home added by the Shell module on the left. Figure 4 shows the initial application running.

Figure 4
Hello World Web client application

To add a HelloWorld business module

In the Modules solution folder, create a solution folder (not a physical folder) named HelloWorld.
Use the guidance package to create a new business module in the HelloWorld solution folder. To do this, right-click the HelloWorld solution folder in Solution Explorer, point to Web Client Factory, and then click Add Business Module (C#).
In the Add New Project dialog box, type HelloWorld in the Name box. This is shown in Figure 5.

Figure 5
Add new project dialog box

In the Location box, click Browse to select %SolutionPath%\HelloWorldApplication\Modules\HelloWorld (create the HelloWorld folder if necessary).
Click OK to create the project and launch the recipe wizard.
The Add Business Module recipe wizard appears. Select the Click Finish*. This is shown in Figure 6.

Figure 6
Add Business Module recipe wizard

Note: For more information about how to create a module in your solution, see “How To: Create a Business Module” in the Web Client Software Factory documentation.

To create a page in the HelloWorld module

Create a new page named HelloWorldPage. To do this, right-click the HelloWorld folder inside HelloWorldApplication site, point to Web Client Factory, and then click Add Page (with presenter) (C#). The recipe wizard appears. This is shown in Figure 7.

Figure 7
Add Page (with presenter) recipe wizard

In the Page name box, type HelloWorldPage, and then click Finish. The Add Page (with presenter) recipe will add the IHelloWorldPageView interface and the HelloWorldPagePresenter class into Views folder inside HelloWorld project and the HelloWorldPage page into HelloWorld folder inside the HelloWorldApplication site.

Note: For more information about how to create a page in your module, see “How to: Add a Page with a Presenter” in the Web Client Software Factory documentation.

Open the HelloWorldPage.aspx file, and then change the message “HelloWorldPage” to “Hello World!” The source code of the page must look like the following.

Code: ASP.NET

<%@ Page Language="C#" AutoEventWireup="true"
         CodeFile="HelloWorldPage.aspx.cs"
         Inherits="HelloWorld.HelloWorld.Views.HelloWorldPage"
         Title="HelloWorldPage"
         MasterPageFile="~/Shared/DefaultMaster.master" %>

<asp:Content ID="content"
             ContentPlaceHolderID="DefaultContent"
             Runat="Server">
    <h1>Hello World!</h1>
</asp:Content>

To register the page with the site map

In Solution Explorer, double-click in the HelloWorldModuleInitializer.cs file located in the root of HelloWorld project inside the HelloWorld solution folder.
In the RegisterSiteMapInformation method, add the site map node corresponding to the HelloWorldPage page, as shown in the following code.

Code: C#

protected virtual void RegisterSiteMapInformation(ISiteMapBuilderService siteMapBuilderService)
{
    SiteMapNodeInfo moduleNode = new SiteMapNodeInfo("HelloWorld", "~/HelloWorld/Default.aspx", "HelloWorld");
    siteMapBuilderService.AddNode(moduleNode);

    SiteMapNodeInfo moduleNode1 = new SiteMapNodeInfo("HelloWorldPage", "~/HelloWorld/HelloWorldPage.aspx", "Hello World Page");
    siteMapBuilderService.AddNode(moduleNode1, moduleNode);
}

To compile and run the application

Press F5 to build and run the solution. You should see two site map nodes added by the HelloWorld module (the parent and the child). This is shown in Figure 8.

Figure 8
Site map nodes added by the Hello World module

Click in the Hello World Page child node. You should see the page added by the Add Page (with presenter) recipe. Figure 9 shows the HelloWorldPage.aspx page.

Create a Web client solution.
Enable a Web site to Use ASP.NET AJAX extensions.
Create a business module.
Create a foundational module.
Add a page with a presenter.
Add a master page with a presenter.
Add a user control with a presenter.
Implement the Model-View-Presenter pattern.
Unit test a presenter.
Register and use services.
Add module pages to the site map.
Use a module controller from a presenter.
Use session state with unit testing.
Map types for dependency injection.
Authorize Web pages.
Use the ObjectContainerDataSource control.
Use the ServerSideValidationExtender control.
Use the RealTimeSearchMonitor extender.
Use the ContextSensitiveAutoCompleteExtender control.

For information about how to perform these activities, see the "Development Activities" topic in the documentation.

Building and running the Reference Implementations and QuickStarts

Order Management Reference Implementation
Validation QuickStart
AutoComplete QuickStart

Note: In order to build these solutions, first copy the Ajax Control Toolkit assembly to the *Lib\AjaxControlToolkit3.5* folder.

Open the desired Reference Implementation or QuickStart solution file.
Press F5 to build and run the application.

More Information

Updated Wiki: GettingStartedwiththeWebClientSoftwareFactory2010

hanz — Wed, 12 May 2010 23:43:12 GMT

Getting Started with the Web Client Software Factory 2010

Are you new to the Web Client Software Factory? After installing the Web Client Software Factory, the best way to get familiar with the Web Client Software Factory is to do the following:

See the Web Client Software Factory for overview information on the factory.
Installing the Web Client Software Factory - February 2008 Release and prerequisites or Upgrade From Previous Releases
Build a Hello World application
Building and running the Reference Implementations and QuickStarts. For information about the Reference Implementations and QuickStarts, see the documentation.
Download and complete the Hands-on Labs. (Note that these labs are for the June 2007 release.)
Review the “Exploring the Web Client Software Factory” topic in the documentation.

Just Want to Review the Documentation?

Understanding the Basic Steps

Create the Web client solution. To do this, create the project and set some of its properties, such as where the default Web page is located.
Set the startup project, and then compile and run initial solution.
Add a Hello World business module. A business module encapsulates an aspect of your application’s functionality.
Create a page in the Hello World business module. Business modules typically contain related Web pages. The page has a presenter. The presenter contains the logic that implements the behavior of the UI.
Register the page with the site map. This creates a parent and a child node.
Compile and run the solution.The next section describes how to use the Web Client Software Factory recipes to create the Hello World application.

Create Your Hello World Application

This section describes how to use the Web Client Software Factory recipes. To create your first Hello World application, perform the procedures in this section.

Note:  The following procedures require that the Web Client Software Factory guidance package be installed.

Figure 2
Create Web client solution

To create the Web client solution

On the File menu, point to New, and then click Project. The New Project dialog box appears. This is shown in Figure 2.
Under Project types, expand Guidance Packages, and then click Web Client Software Factory 2010.
Under Templates, click Web Client Solution (C#, WebSite).
In the Name box, type HelloWorldApplication.
If you do not want to use the default location, enter one in the Location text box, and then click OK.
On the first page of the Create Web Client Solution recipe wizard, confirm (or enter if necessary) the location of the required application block assemblies. This is shown in Figure 3.
In the Root namespace box, type HelloWorld.
Click Finish to unfold the Web Client solution template.

Figure 3: Create Web client solution

Figure 3
Create Web client solution recipe wizard

To set the startup project, and then compile and run initial solution

Set DevelopmentWebsite as the startup project. To do this, right-click HelloWorldApplication in Solution Explorer, and then click Set as StartUp Project.
Set the Default.aspx page in the root of the HelloWorldApplication site as the start page. To do this, right-click Default.aspx in the root of the Web site, and then click Set as Start Page.
Press F5 to build and run the solution. You should see the default view created by the recipe on the right and a site map node named Home added by the Shell module on the left. Figure 4 shows the initial application running.

Figure 4
Hello World Web client application

To add a HelloWorld business module

In the Modules solution folder, create a solution folder (not a physical folder) named HelloWorld.
Use the guidance package to create a new business module in the HelloWorld solution folder. To do this, right-click the HelloWorld solution folder in Solution Explorer, point to Web Client Factory, and then click Add Business Module (C#).
In the Add New Project dialog box, type HelloWorld in the Name box. This is shown in Figure 5.

Figure 5
Add new project dialog box

In the Location box, click Browse to select %SolutionPath%\HelloWorldApplication\Modules\HelloWorld (create the HelloWorld folder if necessary).
Click OK to create the project and launch the recipe wizard.
The Add Business Module recipe wizard appears. Select the Click Finish*. This is shown in Figure 6.

Figure 6
Add Business Module recipe wizard

Note: For more information about how to create a module in your solution, see “How To: Create a Business Module” in the Web Client Software Factory documentation.

To create a page in the HelloWorld module

Create a new page named HelloWorldPage. To do this, right-click the HelloWorld folder inside HelloWorldApplication site, point to Web Client Factory, and then click Add Page (with presenter) (C#). The recipe wizard appears. This is shown in Figure 7.

Figure 7
Add Page (with presenter) recipe wizard

In the Page name box, type HelloWorldPage, and then click Finish. The Add Page (with presenter) recipe will add the IHelloWorldPageView interface and the HelloWorldPagePresenter class into Views folder inside HelloWorld project and the HelloWorldPage page into HelloWorld folder inside the HelloWorldApplication site.

Note: For more information about how to create a page in your module, see “How to: Add a Page with a Presenter” in the Web Client Software Factory documentation.

Open the HelloWorldPage.aspx file, and then change the message “HelloWorldPage” to “Hello World!” The source code of the page must look like the following.

Code: ASP.NET

<%@ Page Language="C#" AutoEventWireup="true"
         CodeFile="HelloWorldPage.aspx.cs"
         Inherits="HelloWorld.HelloWorld.Views.HelloWorldPage"
         Title="HelloWorldPage"
         MasterPageFile="~/Shared/DefaultMaster.master" %>

<asp:Content ID="content"
             ContentPlaceHolderID="DefaultContent"
             Runat="Server">
    <h1>Hello World!</h1>
</asp:Content>

To register the page with the site map

In Solution Explorer, double-click in the HelloWorldModuleInitializer.cs file located in the root of HelloWorld project inside the HelloWorld solution folder.
In the RegisterSiteMapInformation method, add the site map node corresponding to the HelloWorldPage page, as shown in the following code.

Code: C#

protected virtual void RegisterSiteMapInformation(ISiteMapBuilderService siteMapBuilderService)
{
    SiteMapNodeInfo moduleNode = new SiteMapNodeInfo("HelloWorld", "~/HelloWorld/Default.aspx", "HelloWorld");
    siteMapBuilderService.AddNode(moduleNode);

    SiteMapNodeInfo moduleNode1 = new SiteMapNodeInfo("HelloWorldPage", "~/HelloWorld/HelloWorldPage.aspx", "Hello World Page");
    siteMapBuilderService.AddNode(moduleNode1, moduleNode);
}

To compile and run the application

Press F5 to build and run the solution. You should see two site map nodes added by the HelloWorld module (the parent and the child). This is shown in Figure 8.

Figure 8
Site map nodes added by the Hello World module

Click in the Hello World Page child node. You should see the page added by the Add Page (with presenter) recipe. Figure 9 shows the HelloWorldPage.aspx page.

Create a Web client solution.
Enable a Web site to Use ASP.NET AJAX extensions.
Create a business module.
Create a foundational module.
Add a page with a presenter.
Add a master page with a presenter.
Add a user control with a presenter.
Implement the Model-View-Presenter pattern.
Unit test a presenter.
Register and use services.
Add module pages to the site map.
Use a module controller from a presenter.
Use session state with unit testing.
Map types for dependency injection.
Authorize Web pages.
Use the ObjectContainerDataSource control.
Use the ServerSideValidationExtender control.
Use the RealTimeSearchMonitor extender.
Use the ContextSensitiveAutoCompleteExtender control.

For information about how to perform these activities, see the "Development Activities" topic in the documentation.

Building and running the Reference Implementations and QuickStarts

Order Management Reference Implementation
Validation QuickStart
AutoComplete QuickStart

Note: In order to build these solutions, first copy the Ajax Control Toolkit assembly to the *Lib\AjaxControlToolkit3.5* folder.

Open the desired Reference Implementation or QuickStart solution file.
Press F5 to build and run the application.

More Information

Updated Wiki: GettingStartedwiththeWebClientSoftwareFactory2010

hanz — Wed, 12 May 2010 23:33:21 GMT

Getting Started with the Web Client Software Factory 2010

Are you new to the Web Client Software Factory? After installing the Web Client Software Factory, the best way to get familiar with the Web Client Software Factory is to do the following:

See the Web Client Software Factory for overview information on the factory.
Installing the Web Client Software Factory - February 2008 Release and prerequisites or Upgrade From Previous Releases
Build a Hello World application
Building and running the Reference Implementations and QuickStarts. For information about the Reference Implementations and QuickStarts, see the documentation.
Download and complete the Hands-on Labs. (Note that these labs are for the June 2007 release.)
Review the “Exploring the Web Client Software Factory” topic in the documentation.

Just Want to Review the Documentation?

Understanding the Basic Steps

Create the Web client solution. To do this, create the project and set some of its properties, such as where the default Web page is located.
Set the startup project, and then compile and run initial solution.
Add a Hello World business module. A business module encapsulates an aspect of your application’s functionality.
Create a page in the Hello World business module. Business modules typically contain related Web pages. The page has a presenter. The presenter contains the logic that implements the behavior of the UI.
Register the page with the site map. This creates a parent and a child node.
Compile and run the solution.The next section describes how to use the Web Client Software Factory recipes to create the Hello World application.

Create Your Hello World Application

This section describes how to use the Web Client Software Factory recipes. To create your first Hello World application, perform the procedures in this section.

Note:  The following procedures require that the Web Client Software Factory guidance package be installed.

Figure 2
Create Web client solution

To create the Web client solution

On the File menu, point to New, and then click Project. The New Project dialog box appears. This is shown in Figure 2.
Under Project types, expand Guidance Packages, and then click Web Client Development February 2008.
Under Templates, click Web Client Solution (C#, WAP).
In the Name box, type HelloWorldApplication.
If you do not want to use the default location, enter one in the Location text box, and then click OK.
On the first page of the Create Web Client Solution recipe wizard, confirm (or enter if necessary) the location of the required application block assemblies. This is shown in Figure 3.
In the Root namespace box, type HelloWorld.
Select the Show documentation after recipe completes check box.
Click Finish to unfold the Web Client solution template.

Figure 3: Create Web client solution

Figure 3
Create Web client solution recipe wizard

To set the startup project, and then compile and run initial solution

Set DevelopmentWebsite as the startup project. To do this, right-click DevelopmentWebsite in Solution Explorer, and then click Set as StartUp Project.
Set the Default.aspx page in the root of the DevelopmentWebsite site as the start page. To do this, right-click Default.aspx in the root of the Web site, and then click Set as Start Page.
Press F5 to build and run the solution. You should see the default view created by the recipe on the right and a site map node named Home added by the Shell module on the left. Figure 4 shows the initial application running.

Figure 4
Hello World Web client application

To add a HelloWorld business module

In the Modules solution folder, create a solution folder (not a physical folder) named HelloWorld.
Use the guidance package to create a new business module in the HelloWorld solution folder. To do this, right-click the HelloWorld solution folder in Solution Explorer, point to Web Client Factory, and then click Add Business Module (C#).
In the Add New Project dialog box, type HelloWorld in the Name box. This is shown in Figure 5.

Figure 5
Add new project dialog box

In the Location box, click Browse to select %SolutionPath%\HelloWorldApplication\Modules\HelloWorld (create the HelloWorld folder if necessary).
Click OK to create the project and launch the recipe wizard.
The Add Business Module recipe wizard appears. Select the Show documentation after recipe completes check box, and then click Finish. This is shown in Figure 6.

Figure 6
Add Business Module recipe wizard

Note: For more information about how to create a module in your solution, see “How To: Create a Business Module” in the Web Client Software Factory documentation.

To create a page in the HelloWorld module

Create a new page named HelloWorldPage. To do this, right-click the HelloWorld folder inside DevelopmentWebsite site, point to Web Client Factory, and then click Add Page (with presenter) (C#). The recipe wizard appears. This is shown in Figure 7.

Figure 7
Add Page (with presenter) recipe wizard

In the Page name box, type HelloWorldPage, select the Show documentation after recipe completes check box, and then click Finish. The Add Page (with presenter) recipe will add the IHelloWorldPageView interface and the HelloWorldPagePresenter class into Views folder inside HelloWorld project and the HelloWorldPage page into HelloWorld folder inside the DevelopmentWebsite site.

Note: For more information about how to create a page in your module, see “How to: Add a Page with a Presenter” in the Web Client Software Factory documentation.

Open the HelloWorldPage.aspx file, and then change the message “HelloWorldPage” to “Hello World!” The source code of the page must look like the following.

Code: ASP.NET

<%@ Page Language="C#" AutoEventWireup="true"
         CodeFile="HelloWorldPage.aspx.cs"
         Inherits="HelloWorld.HelloWorld.Views.HelloWorldPage"
         Title="HelloWorldPage"
         MasterPageFile="~/Shared/DefaultMaster.master" %>

<asp:Content ID="content"
             ContentPlaceHolderID="DefaultContent"
             Runat="Server">
    <h1>Hello World!</h1>
</asp:Content>

To register the page with the site map

In Solution Explorer, double-click in the HelloWorldModuleInitializer.cs file located in the root of HelloWorld project inside the HelloWorld solution folder.
In the RegisterSiteMapInformation method, add the site map node corresponding to the HelloWorldPage page, as shown in the following code.

Code: C#

protected virtual void RegisterSiteMapInformation(ISiteMapBuilderService siteMapBuilderService)
{
    SiteMapNodeInfo moduleNode = new SiteMapNodeInfo("HelloWorld", "~/HelloWorld/Default.aspx", "HelloWorld");
    siteMapBuilderService.AddNode(moduleNode);

    SiteMapNodeInfo moduleNode1 = new SiteMapNodeInfo("HelloWorldPage", "~/HelloWorld/HelloWorldPage.aspx", "Hello World Page");
    siteMapBuilderService.AddNode(moduleNode1, moduleNode);
}

To compile and run the application

Press F5 to build and run the solution. You should see two site map nodes added by the HelloWorld module (the parent and the child). This is shown in Figure 8.

Figure 8
Site map nodes added by the Hello World module

Click in the Hello World Page child node. You should see the page added by the Add Page (with presenter) recipe. Figure 9 shows the HelloWorldPage.aspx page.

Create a Web client solution.
Enable a Web site to Use ASP.NET AJAX extensions.
Create a business module.
Create a foundational module.
Add a page with a presenter.
Add a master page with a presenter.
Add a user control with a presenter.
Implement the Model-View-Presenter pattern.
Unit test a presenter.
Register and use services.
Add module pages to the site map.
Use a module controller from a presenter.
Use session state with unit testing.
Map types for dependency injection.
Authorize Web pages.
Use the ObjectContainerDataSource control.
Use the ServerSideValidationExtender control.
Use the RealTimeSearchMonitor extender.
Use the ContextSensitiveAutoCompleteExtender control.

For information about how to perform these activities, see the "Development Activities" topic in the documentation.

Building and running the Reference Implementations and QuickStarts

Order Management Reference Implementation
Validation QuickStart
AutoComplete QuickStart

Note: In order to build these solutions, first copy the Ajax Control Toolkit assembly to the *Lib\AjaxControlToolkit3.5* folder.

Open the desired Reference Implementation or QuickStart solution file.
Press F5 to build and run the application.

More Information

Updated Wiki: GettingStartedwiththeWebClientSoftwareFactory2010

hanz — Wed, 12 May 2010 23:32:15 GMT

Getting Started with the Web Client Software Factory 2010

Getting Started with the Web Client Software Factory - February 2008

Are you new to the Web Client Software Factory? After installing the Web Client Software Factory, the best way to get familiar with the Web Client Software Factory is to do the following:

See the Web Client Software Factory for overview information on the factory.
Installing the Web Client Software Factory - February 2008 Release and prerequisites or Upgrade From Previous Releases
Build a Hello World application
Building and running the Reference Implementations and QuickStarts. For information about the Reference Implementations and QuickStarts, see the documentation.
Download and complete the Hands-on Labs. (Note that these labs are for the June 2007 release.)
Review the “Exploring the Web Client Software Factory” topic in the documentation.

Just Want to Review the Documentation?

Understanding the Basic Steps

Create the Web client solution. To do this, create the project and set some of its properties, such as where the default Web page is located.
Set the startup project, and then compile and run initial solution.
Add a Hello World business module. A business module encapsulates an aspect of your application’s functionality.
Create a page in the Hello World business module. Business modules typically contain related Web pages. The page has a presenter. The presenter contains the logic that implements the behavior of the UI.
Register the page with the site map. This creates a parent and a child node.
Compile and run the solution.The next section describes how to use the Web Client Software Factory recipes to create the Hello World application.

Create Your Hello World Application

This section describes how to use the Web Client Software Factory recipes. To create your first Hello World application, perform the procedures in this section.

Note:  The following procedures require that the Web Client Software Factory guidance package be installed.

Figure 2
Create Web client solution

To create the Web client solution

On the File menu, point to New, and then click Project. The New Project dialog box appears. This is shown in Figure 2.
Under Project types, expand Guidance Packages, and then click Web Client Development February 2008.
Under Templates, click Web Client Solution (C#, WAP).
In the Name box, type HelloWorldApplication.
If you do not want to use the default location, enter one in the Location text box, and then click OK.
On the first page of the Create Web Client Solution recipe wizard, confirm (or enter if necessary) the location of the required application block assemblies. This is shown in Figure 3.
In the Root namespace box, type HelloWorld.
Select the Show documentation after recipe completes check box.
Click Finish to unfold the Web Client solution template.

Figure 3: Create Web client solution

Figure 3
Create Web client solution recipe wizard

To set the startup project, and then compile and run initial solution

Set DevelopmentWebsite as the startup project. To do this, right-click DevelopmentWebsite in Solution Explorer, and then click Set as StartUp Project.
Set the Default.aspx page in the root of the DevelopmentWebsite site as the start page. To do this, right-click Default.aspx in the root of the Web site, and then click Set as Start Page.
Press F5 to build and run the solution. You should see the default view created by the recipe on the right and a site map node named Home added by the Shell module on the left. Figure 4 shows the initial application running.

Figure 4
Hello World Web client application

To add a HelloWorld business module

In the Modules solution folder, create a solution folder (not a physical folder) named HelloWorld.
Use the guidance package to create a new business module in the HelloWorld solution folder. To do this, right-click the HelloWorld solution folder in Solution Explorer, point to Web Client Factory, and then click Add Business Module (C#).
In the Add New Project dialog box, type HelloWorld in the Name box. This is shown in Figure 5.

Figure 5
Add new project dialog box

In the Location box, click Browse to select %SolutionPath%\HelloWorldApplication\Modules\HelloWorld (create the HelloWorld folder if necessary).
Click OK to create the project and launch the recipe wizard.
The Add Business Module recipe wizard appears. Select the Show documentation after recipe completes check box, and then click Finish. This is shown in Figure 6.

Figure 6
Add Business Module recipe wizard

Note: For more information about how to create a module in your solution, see “How To: Create a Business Module” in the Web Client Software Factory documentation.

To create a page in the HelloWorld module

Create a new page named HelloWorldPage. To do this, right-click the HelloWorld folder inside DevelopmentWebsite site, point to Web Client Factory, and then click Add Page (with presenter) (C#). The recipe wizard appears. This is shown in Figure 7.

Figure 7
Add Page (with presenter) recipe wizard

In the Page name box, type HelloWorldPage, select the Show documentation after recipe completes check box, and then click Finish. The Add Page (with presenter) recipe will add the IHelloWorldPageView interface and the HelloWorldPagePresenter class into Views folder inside HelloWorld project and the HelloWorldPage page into HelloWorld folder inside the DevelopmentWebsite site.

Note: For more information about how to create a page in your module, see “How to: Add a Page with a Presenter” in the Web Client Software Factory documentation.

Open the HelloWorldPage.aspx file, and then change the message “HelloWorldPage” to “Hello World!” The source code of the page must look like the following.

Code: ASP.NET

<%@ Page Language="C#" AutoEventWireup="true"
         CodeFile="HelloWorldPage.aspx.cs"
         Inherits="HelloWorld.HelloWorld.Views.HelloWorldPage"
         Title="HelloWorldPage"
         MasterPageFile="~/Shared/DefaultMaster.master" %>

<asp:Content ID="content"
             ContentPlaceHolderID="DefaultContent"
             Runat="Server">
    <h1>Hello World!</h1>
</asp:Content>

To register the page with the site map

In Solution Explorer, double-click in the HelloWorldModuleInitializer.cs file located in the root of HelloWorld project inside the HelloWorld solution folder.
In the RegisterSiteMapInformation method, add the site map node corresponding to the HelloWorldPage page, as shown in the following code.

Code: C#

protected virtual void RegisterSiteMapInformation(ISiteMapBuilderService siteMapBuilderService)
{
    SiteMapNodeInfo moduleNode = new SiteMapNodeInfo("HelloWorld", "~/HelloWorld/Default.aspx", "HelloWorld");
    siteMapBuilderService.AddNode(moduleNode);

    SiteMapNodeInfo moduleNode1 = new SiteMapNodeInfo("HelloWorldPage", "~/HelloWorld/HelloWorldPage.aspx", "Hello World Page");
    siteMapBuilderService.AddNode(moduleNode1, moduleNode);
}

To compile and run the application

Press F5 to build and run the solution. You should see two site map nodes added by the HelloWorld module (the parent and the child). This is shown in Figure 8.

Figure 8
Site map nodes added by the Hello World module

Click in the Hello World Page child node. You should see the page added by the Add Page (with presenter) recipe. Figure 9 shows the HelloWorldPage.aspx page.

Create a Web client solution.
Enable a Web site to Use ASP.NET AJAX extensions.
Create a business module.
Create a foundational module.
Add a page with a presenter.
Add a master page with a presenter.
Add a user control with a presenter.
Implement the Model-View-Presenter pattern.
Unit test a presenter.
Register and use services.
Add module pages to the site map.
Use a module controller from a presenter.
Use session state with unit testing.
Map types for dependency injection.
Authorize Web pages.
Use the ObjectContainerDataSource control.
Use the ServerSideValidationExtender control.
Use the RealTimeSearchMonitor extender.
Use the ContextSensitiveAutoCompleteExtender control.

For information about how to perform these activities, see the "Development Activities" topic in the documentation.

Building and running the Reference Implementations and QuickStarts

Order Management Reference Implementation
Validation QuickStart
AutoComplete QuickStart

Note: In order to build these solutions, first copy the Ajax Control Toolkit assembly to the *Lib\AjaxControlToolkit3.5* folder.

Open the desired Reference Implementation or QuickStart solution file.
Press F5 to build and run the application.

More Information

Updated Wiki: GettingStartedwiththeWebClientSoftwareFactory2010

hanz — Wed, 12 May 2010 23:27:15 GMT

Getting Started with the Web Client Software Factory 2010

Are you new to the Web Client Software Factory? After installing the Web Client Software Factory, the best way to get familiar with the Web Client Software Factory is to do the following:

Build a Hello World application. For information about how to do this, see the section, “Create Your Hello World Application,” that follows.
Run the QuickStarts included with the software factory. For information about the QuickStarts, see the “QuickStarts” topic in the documentation.
Download and complete the Hands-on Labs. (Note that these labs are for the June 2007 release.)
Review the “Exploring the Web Client Software Factory” topic in the documentation.

Just Want to Review the Documentation?

Understanding the Basic Steps

Figure 1 illustrates the steps involved in creating the Hello World application.

Figure 1
_Create Web client solution

These steps are explained in more detail in the following procedure.
*To perform the basic steps

*Create the Web client solution. To do this, create the project and set some of its properties, such as where the default Web page is located.
*Set the startup project, and then compile and run initial solution.
*Add a Hello World business module. A business module encapsulates an aspect of your application’s functionality.
*Create a page in the Hello World business module. Business modules typically contain related Web pages. The page has a presenter. The presenter contains the logic that implements the behavior of the UI.
*Register the page with the site map. This creates a parent and a child node.
*Compile and run the solution.

Create Your Hello World Application

This section describes how to use the Web Client Software Factory recipes. To create your first Hello World application, perform the procedures in this section.

Note: The following procedures require that the Web Client Software Factory guidance package be installed.

To create the Web client solution
1. On the File menu, point to New, and then click Project. The New Project dialog box appears. This is shown in Figure 2.

Figure 2. Create Web client solution

2. Under Project types, expand Guidance Packages, and then click Web Client Development February 2010.
3. Under Templates, click Web Client Solution (C#, Web Site).
4. In the Name box, type HelloWorldApplication.
5. If you do not want to use the default location, enter one in the Location text box, and then click OK. Make sure the path is short.
6. On the first page of the Create Web Client Solution recipe wizard, confirm (or enter if necessary) the location of the required application block assemblies. This is shown in Figure 3.

Figure 3. Create Web client solution recipe wizard

7. In the Root namespace box, type HelloWorld.
8. Click Finish to unfold the Web Client solution template.

To set the startup project, and then compile and run initial solution
1. Set HelloWorldApplication as the startup project. To do this, right-click HelloWorldApplication in Solution Explorer, and then click Set as StartUp Project.
2. Set the Default.aspx page in the root of the HelloWorldApplication site as the start page. To do this, right-click Default.aspx in the root of the Web site, and then click Set as Start Page.
3. Press F5 to build and run the solution. You should see the default view created by the recipe on the right and a site map node named Home added by the Shell module on the left. Figure 4 shows the initial application running.

Figure 4. Hello World Web client application

To add a HelloWord business module
1. In the Modules solution folder, create a solution folder (not a physical folder) named HelloWorld.
2. Use the guidance package to create a new business module in the HelloWorld solution folder. To do this, right-click the HelloWorld solution folder in Solution Explorer, point to Web Client Factory, and then click Add Business Module (C#).
3. In the Add New Project dialog box, type HelloWorld in the Name box. This is shown in Figure 5.

Figure 5. Add new project dialog box

4. In the Location box, click Browse to select %SolutionPath%\HelloWorldApplication\Modules\HelloWorld (create the HelloWorld folder if necessary).
5. Click OK to create the project and launch the recipe wizard.
6. The Add Business Module recipe wizard appears. Click Finish. This is shown in Figure 6.

Figure 6. Add Business Module recipe wizard

Note: For more information about how to create a module in your solution, see “How To: Create a Business Module” in the Web Client Software Factory documentation.

To create a page in the HelloWorld module
1. Create a new page named HelloWorldPage. To do this, right-click the HelloWorld folder inside HelloWorldApplication site, point to Web Client Factory, and then click Add Page (with presenter) (C#). The recipe wizard appears. This is shown in Figure 7.

Figure 7. Add Page (with presenter) recipe wizard

2. In the Page name box, type HelloWorldPage and then click Finish. The Add Page (with presenter) recipe will add the IHelloWorldPageView interface and the HelloWorldPagePresenter class into Views folder inside HelloWorld project and the HelloWorldPage page into HelloWorld folder inside the HelloWorldApplication site.

Note: For more information about how to create a page in your module, see “How to: Add a Page with a Presenter” in the Web Client Software Factory documentation.

3. Open the HelloWorldPage.aspx file, and then change the message “HelloWorldPage” to “Hello World!” The source code of the page must look like the following.
ASP.NET
<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="HelloWorldPage.aspx.cs"
Inherits="HelloWorld.HelloWorld.Views.HelloWorldPage"
Title="HelloWorldPage"
MasterPageFile="~/Shared/DefaultMaster.master" %>
<asp:Content ID="content" ContentPlaceHolderID="DefaultContent" Runat="Server">
<h1>HelloWorldPage</h1>
</asp:Content>

To register the page with the site map
1. In Solution Explorer, double-click in the HelloWorldModuleInitializer.cs file located in the root of HelloWorld project inside the HelloWorld solution folder.
2. In the RegisterSiteMapInformation method, add the site map node corresponding to the HelloWorldPage page, as shown in the following code.
C#
protected virtual void RegisterSiteMapInformation(ISiteMapBuilderService siteMapBuilderService)
{
SiteMapNodeInfo moduleNode = new SiteMapNodeInfo("HelloWorld", "~/HelloWorld/Default.aspx", "HelloWorld");
siteMapBuilderService.AddNode(moduleNode);

SiteMapNodeInfo helloWorldViewNode = new SiteMapNodeInfo("HelloWorldPage", "~/HelloWorld/HelloWorldPage.aspx", "Hello World Page");
siteMapBuilderService.AddNode(helloWorldViewNode, moduleNode);
}

To compile and run the application
1. Press F5 to build and run the solution. You should see two site map nodes added by the HelloWorld module (the parent and the child). This is shown in Figure 8.

Figure 8. Site map nodes added by the Hello World module

2. Click in the Hello World Page child node. You should see the page added by the Add Page (with presenter) recipe. Figure 9 shows the HelloWorldPage.aspx page.

Figure 9. Hello World page

After you create your Hello World application, you can use the Web Client Software Factory How-to topics in the documentation to extend your application. The Hello World application can help you to do the following:
• Create a Web client solution.
• Enable a Web site to Use ASP.NET AJAX extensions.
• Create a business module.
• Create a foundational module.
• Add a page with a presenter.
• Add a master page with a presenter.
• Add a user control with a presenter.
• Implement the Model-View-Presenter pattern.
• Unit test a presenter.
• Register and use services.
• Add module pages to the site map.
• Use a module controller from a presenter.
• Use session state with unit testing.
• Map types for dependency injection.
• Authorize Web pages.
• Use the ObjectContainerDataSource control.
• Use the ServerSideValidationExtender control.
• Use the RealTimeSearchMonitor extender.
• Use the ContextSensitiveAutoCompleteExtender control.

For information about how to perform these activities, see the "Development Activities" topic in the documentation.