在前期系統學習了Corba、Web Services、網格的一些相關知識,感覺受益菲淺,有一種豁然開朗的感覺,相關的學習筆記就不上傳了,以軟體重用為主導的軟體設計思想在以後的項目開發中會深入我心,所以還得不斷學習新技術為我所用。
這兩天一直在學習Ajax技術,因為在以前的.net開發中深感Web效率低下,這次得好好取取經。
第一步:安裝Ajax.net。
安裝Ajax.net很簡單,但安裝Ajax.net擴充包之前我們必須確保我們已經正確安裝了VS.Net 2005或Visual Web Developer 2005 Express Edition和.net Frameworks 2.0。 我們可以登入Ajax.net官方網站下載Ajax.net擴充包。地址:http://ajax.asp.net/downloads/default.aspx?tabid=47
下載完之後雙擊安裝,安裝後大家可以看一下更新文檔,看看Ajax.net究竟更新了什麼功能。
第二步:建立Ajax-Enabled網站
開啟Vs.Net2005,選擇建立網站,如果你已成功安裝Ajax.net擴充包,你會發現在項目模板裡會多了一項:Asp.net Ajax-Enabled Web Site。選擇它然後建立一個網站。
建立網站後你會發覺Ajax-Enabled網站會比一般網站多出了一個ScriptManager控制項。ScriptManager是Ajax.net一個很重要的控制項,它在一個頁面內只能出現一次(如果使用了Masterpage,那麼Masterpage使用了ScriptManger後,子頁面就不能再使用了),負責處理當前頁面所有Ajax.net組件和局部更新。它也可以指定我們所需的指令碼庫,提供更靈活的操作。
而要使用好Ajax.net,就要學會靈活運用Ajax.net所提供的Ajax Control
Toolkit。該控制項包提供了很多使用效果很炫的控制項,有了它你能輕鬆打造一個Ajax網站。從本章開始,我們一起來學習怎樣使用Ajax Cotrol
Toolkit中的所有控制項。
第一步:建立Ajax Toolkit模板
大家應該有印象,當我們成功安裝了Ajax擴充包之後,VS.net的模板中就多了一個Asp.net Ajax-Enabled Web
Site的模板。它是微軟的官方模板,而今天我們就要建立我們自己的Ajax Control Toolkit Web Site模板。
先在這裡下載Ajax Control Toolkit:http://www.codeplex.com/AtlasControlToolkit/Release/ProjectReleases.aspx?ReleaseId=4923
它有兩個版本,建議下載用紅框標示的版本,因為這個版本有源碼,方便大家學習。
下載之後解壓到本地檔案夾。雙擊AjaxControlToolkit.sln檔案,選擇“正常附加元件目”。開啟方案總管之後我們能發現
有很多重專案,而我們只需要重建一下TemplateVSI的Dll。產生之後TemplateVSI的bin檔案夾就會多出如下檔案。
雙擊AjaxControlExtender.vsi就可以開始安裝Ajax Control Toolkit模板了。中途遇到提示框選擇重寫名稱即可。
完成之後開啟VS.net 2005,我就能看到AJAX Control Toolkit Web Site模板了。
第二步:添加Ajax Control Toolkit
建立網站後我們還不能在工具列裡看到Ajax.net的工具集,這需要我們自行添加。我們先在工具列添加一個選項卡,命名為Ajax
Control
Toolkit或其他你喜歡的名字。然後在新的選項卡裡單擊右鍵,點擊“選擇項”-〉點擊“瀏覽”-〉找到你剛才解壓的檔案夾,然後在
SampleWebSite的bin檔案夾裡找到AjaxControlToolkit.dll,選擇它,然後一路確定。這樣就能把所有控制項都添加你所添
加的選項卡裡了。
注意:建議建立項目時使用Asp.net Ajax-Enabled Web Site建立網站,然後把SampleWebSite檔案夾內的Bin的所有檔案匯入網站Bin檔案夾內,在配置Web.Config檔案,在<system.web>內添加
<pages>
<controls>
<add namespace="AjaxControlToolkit" assembly="AjaxControlToolkit" tagPrefix="ajaxToolkit"/>
</controls>
</pages>
這樣一來可解決有的Control
Toolkit控制項註冊不上的問題。