輕鬆掌握Ajax.net系列教程二:部署Ajax Control Toolkit

要使用好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模板。
它有兩個版本,建議下載用紅框標示的版本,因爲這個版本有源碼,方便大家學習。
下載之後解壓到本地文件夾。雙擊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,選擇它,然後一路確定。這樣就能把所有控件都添加你所添加的選項卡里了。
第三步:初試Ajax Control Toolkit
到目前爲止,Ajax Control Toolkit就部署完畢了,我們可以做一個簡單的Demo看一看效果。
在工具欄裏拖出一個Button控件,一個TextBox控件和一個Label控件。然後在Button的Click事件裏寫Label1.Text = TextBox1.Text; 這樣當我們點擊Button後,Label就會顯示TextBox中的內容。
現在我們從Ajax Control Toolkit中拖出一個ConfirmButtonExtender控件,它的作用是能彈出確認窗口,點擊確認纔會繼續執行下一步操作,否則則終止操作。
拖出後我們要設置ConfirmButtonExtender的TargetControlID屬性,它關聯的是控件ID,告訴ConfirmButtonExtender什麼時候需要彈出確認窗口。我們在該屬性的下拉菜單中選擇Button1。
然後我們還需要設置確認窗口的提示語,該屬性在Button的Extenders欄中,我們找到ContirmText,輸入:你確認嗎?
OK,運行!
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章