SharePoint and Ajax technology (2): Ajax Control Toolkit Learning

SharePoint and Ajax technology (2): Ajax Control Toolkit Learning

Today I learned how to configure Ajax Control Toolkit in the second video HDI-02-GetStarted-AJAX-Toolkit. You need to download this component from codeplex.

:

Http://www.codeplex.com/AjaxControlToolkit/Release/ProjectReleases.aspx? Releaseid = 11121

Since I installed vs2008, the download version is AjaxControlToolkit-Framework3.5. Select a suitable version.

 

After downloading the package, decompress it to the following directory:

C: \ Program Files \ Microsoft ASP. NET \ ASP. NET 2.0 Ajax extensions \ Ajax Control Toolkit

 

The decompressed content is as follows:

<! -- [If! VML] -->
<! -- [Endif] -->

Double-click the ajaxcontroltoolkit. sln file and use vs to open the solution. In the displayed window, select the project to be loaded normally.

<! -- [If! VML] -->
<! -- [Endif] -->

Compile the ajaxcontroltoolkit project and obtain the compiled ajaxcontroltoolkit. dll component from the bin folder.

 

1. Open the last created Ajax website and add a new web page default2.aspx.

2. Open defa2.2.aspx and add a scriptmanager on the page to support Ajax.

3. Then add a label, A Textbox, and a button control, such.

<! -- [If! VML] -->
<! -- [Endif] -->

4. Open the Toolbox on the left, right-click it, and select Add a tab named Ajax Control Toolkit.

5. Expand the tab, right-click it, and select choose items...

<! -- [If! VML] -->
<! -- [Endif] -->

6. Click Browse in the window that opens, and find the standby ajaxcontroltoolkit. dll component just tested.

<! -- [If! VML] -->
<! -- [Endif] -->

7. Select the ajaxcontroltoolkit. dll component. Click Open.

<! -- [If! VML] -->
<! -- [Endif] -->

8. The choose toolbox items window will automatically load the components, select them, and click OK.

<! -- [If! VML] -->
<! -- [Endif] -->

9. The Ajax Control Toolkit tab lists all available Ajax Extension function controls.

<! -- [If! VML] -->
<! -- [Endif] -->

10. added successfully. On the page, add a confirmbuttonextender.

<! -- [If! VML] -->
<! -- [Endif] -->

11. Compile a button click event to display the input content in the text box in the label.

12. Open its properties panel and find the targetcontrolid attribute. Because this is an extension control designed for the submit button, you can only enter the ID of the button control on the page. Enter the added button1.

13. Set the confirmtext attribute "Confirm text" to "Are you sure ???".

<! -- [Endif] -->

14. Press F5 to run.

15. click the button on the page. A prompt is displayed, indicating that the message is the content of the confirmtext attribute "Are you sure ???".

<! -- [If! VML] -->
<! -- [Endif] -->

16. click the cancel button. The page will not be called back. The Click Event of the execution button means that the page will not be refreshed. The page will be refreshed only when the OK button is clicked, then, update the text value of the label to the content entered in the text box.

Complete.

 

Source: http://www.cnblogs.com/Bear-Study-Hard/archive/2008/07/22/1243939.html