平靜的大海往往下面激流湧動,Ajax Control Toolkit Version 1.0.10606.0版本沒有增加控制項但是內部確有不少變化,且與我一起細數Ajax Control Toolkit Version 1.0.10606.0的16個變化。
1.首先是在頁面上降低了對ScriptManager的依賴,因為完全沒有必要因為一個控制項而把所有的指令碼全部下載到用戶端。
可以看到這個版本裡面全部使用了<ajaxToolkit:ToolkitScriptManager runat="Server" EnablePartialRendering="true" ID="ScriptManager1" />
這樣做的好處就是用戶端只下載當前頁面使用控制項所需要的指令碼,這些指令碼作為一個整體被下載到用戶端。
2. Accordion控制項增加了RequireOpenedPane屬性,boolean型,作用是設定是否總有一個panel展開。
3.Accordion控制項增加了SuppressHeaderPostbacks屬性,作用是阻止Accordion的Header包含元素被點擊之後觸發事件。
比如我們放置了一個hyperylink,點擊的時候不會Postback就是這個原因。這個屬性的添加是為了簡化,之前我們是這樣做的:
<Header><a href="" onclick="return false;" class="accordionLink">2. AutoSize</a></Header>每一個都要加上return false
4.Accordion控制項已知的問題:IE6和7裡面AutoSize設定Fill或者是Limit效果是一樣的,因為它們都不支援max-height CSS屬性。IE6中不同的解析度會影響動畫效果的期間。
5.AutoComplete: 如果自動完成的條目太多就顯示捲軸 可以拖動
6.AutoComplete: 自動完成的部分顯示的時候使用了動畫效果過度,過程更加平滑
7.可以發現日期顯示的時候已經進行了本地化的操作,顯示的是中文的年月。注意一下檔案頭部的Culture="auto" UICulture="auto"
同樣注意的是AjaxScriptManager的本地化設定: EnableScriptGlobalization="true" EnableScriptLocalization="true"
8.ConfirmButton添加了OnClientCancel屬性,指定使用者取消之後執行什麼用戶端指令碼
9.ConfirmButton添加了ConfirmOnFormSubmit直到頁面被提交之前才彈出:換句話說就是等頁面上的驗證全部通過的時候才彈出這個對話方塊
10.DropDown 添加了Animation的支援,可以在OnShow OnHide的時候顯示動畫效果
11.FilteredTextBox 完成了本地化的升級之後這個控制項也可以屏蔽掉中文了,之前無論什麼情況都可以接受中文的情況已經沒有了,至少現在是可用的了。
12.HoverMenu添加了Animation的支援,可以在OnShow OnHide的時候顯示動畫效果
13.MaskedEdit 這個控制項也做了一些本地化的工作
14. ModalPopup上一個版本在IE7裡面後面的頁面是沒有變化的,沒有被灰掉頁面元素依然可用。現在這個問題解決了,這個版本的示範特彆強調了可以調
用Server端的代碼也可以調用Client端的代碼。 而且給出的例子的側重點是即使是隱藏控制項照樣可以使用,其實是繞了一圈把不能進行綁定的元素繫結上了,僅此而已。
15.實際開發過程中我們發現不能直接使用CSS來修改這個控制項的外觀,唯一的辦法是修改Ajax Control Toolkit原始碼中的樣式表。沒想到官方給出的解決方案竟然也是這條路子,樣式表的詳細說明如下:
Tabs Css classes
.ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer.
.ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner.
.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.
.ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none.
.ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.
.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer.
.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.
16. ListSearchExtender 添加了Animation的支援,可以在OnShow OnHide的時候顯示動畫效果