SharePoint And Ajax Technology（2）：Ajax Control Toolkit學習

SharePoint And Ajax Technology（2）：Ajax Control Toolkit學習

今天學習了第二個視頻HDI-02-GetStarted-AJAX-Toolkit，如何配置Ajax Control Toolkit。需要到Codeplex上下載這個組件。

：

http://www.codeplex.com/AjaxControlToolkit/Release/ProjectReleases.aspx?ReleaseId=11121

由於我安裝的是VS2008，所以下載的版本為AjaxControlToolkit-Framework3.5。請選擇適合的版本使用。

 

下載後，將壓縮包解壓縮到如下目錄：

C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\AJAX Control Toolkit

 

解壓縮後內容如下：

<!--[if !vml]-->
<!--[endif]-->

雙擊AjaxControlToolkit.sln檔案，用VS開啟這個解決方案。彈出如下視窗選擇正常附加元件目。

<!--[if !vml]-->
<!--[endif]-->

編譯其中的AjaxControlToolkit項目，並從bin檔案夾中考出編譯後的AjaxControlToolkit.dll組件，備用。

 

1．開啟上次建立的Ajax網站，添加一個新的網頁Default2.aspx。

2．開啟Default2.aspx，在頁面上添加一個ScriptManager，用來支援Ajax功能。

3．然後添加一個Label，一個TextBox，一個Button控制項，如。

<!--[if !vml]-->
<!--[endif]-->

4．開啟左邊的工具箱Toolbox，點擊滑鼠右鍵，選擇添加一個Tab，命名為AJAX Control Toolkit。

5．展開這個Tab，在裡面點擊滑鼠右鍵，選擇Choose Items…

<!--[if !vml]-->
<!--[endif]-->

6．在開啟的視窗上點擊Browse，找到剛才考出來備用的AjaxControlToolkit.dll組件。

<!--[if !vml]-->
<!--[endif]-->

7．選擇AjaxControlToolkit.dll組件。點擊開啟。

<!--[if !vml]-->
<!--[endif]-->

8．Choose Toolbox Items視窗會自動載入其中的組件，並選中它們，點擊OK按鈕即可。

<!--[if !vml]-->
<!--[endif]-->

9．在AJAX Control Toolkit這個Tab下就會列出所有可用的AJAX擴充功能控制項。

<!--[if !vml]-->
<!--[endif]-->

10．添加成功，在頁面上繼續添加一個ConfirmButtonExtender。

<!--[if !vml]-->
<!--[endif]-->

11．編寫Button的點擊事件，將文字框中輸入的內容顯示在Label中。

12．開啟它的屬性面板，找到TargetControlID屬性。由於這是一個專為提交按鈕設計的擴充控制項，所以裡面僅能填寫頁面上按鈕控制項的ID。填入剛才添加的Button1。

13．設定ConfirmText屬性“確認文本”為“你確定？？？”。

<!--[endif]-->

14．按F5運行。

15．點擊頁面上的Button按鈕，會彈出一個提示，提示資訊為剛才輸入的ConfirmText屬性的內容“你確定？？？”。

<!--[if !vml]-->
<!--[endif]-->

16．點擊取消按鈕，頁面並不會進行回調，執行按鈕的點擊事件，就是頁面不會重新整理，當點擊確定按鈕後，頁面才重新整理，並將Label的Text值更新為文字框內輸入的內容。

完成。

 

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