To add a WebPart to the SharePoint site, you have to add it
first to the SharePoint WebPart Gallery.
Adding New WebPart to the SharePoint WebPart Gallery
To do this, follow the subsequent steps.
Click Site Actions tab, and select Site Settings. The Site Settings page will appear.
Under gallery column, click on web parts
link. This takes you to the WebPart Gallery page.
Click on the New button as shown in Figure 1,
it will move you to a new page that displays all WebParts that are included in
the sharepoint webconfig file.
Check your webpart project name which is "TestAbdelHaqWebPart"
and then click on Populate Gallery button as
illustrated in Figure 2, which adds the WebPart to the WebPart gallery so that
you can add it later to the page.
Now let us go and add our new WebPart to the home page.
Adding WebPart to SharePoint page
To add our new WebPart to the home page, follow the
1. From the home page, click on Site
Actions tab and select choose Edit Page.
2. Click on Add a Web Part as
shown in Figure 4
3. From the
popup page, check "MyAjaxWebPart" and then click on Add button.
4. Click Exit Edit Mode.
And that is it; we have added our new WebPart to the home
page of our SharePoint website.
Type the name that you want to search and click the search
button. Notice that the Loading image will be displayed and the result will be
represented inside the GridView.
So no post back, no flashing on the page, which is what we
are talking about, "Ajax WebPart." It represents what is called
Progress Indicator, which helps in maintaining the user's attention and
communicates that the system is still alive even if a response has not yet
Figures 6 and 7 show you how Ajax WebPart works on the page.