DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> 遷移你的Web頁面到ASP.NET AJAX 1.0
遷移你的Web頁面到ASP.NET AJAX 1.0
編輯:AJAX詳解     

如果你在Web站點中使用了Atlas Control Toolkit,那麼這篇文章有助於遷移你的Web頁面到ASP.Net AJax 1.0,翻譯自ASP.Net AJax Control Toolkit網站。

隨著ASP.Net AJax 1.0 Beta版的發布,帶來了很多根本性的變化,其中的一個變化就是從原先的版本中移除了“TargetPropertIEs”對象。

幸運的是,遷移你的Web頁面到新的形式非常的簡單,僅僅按照如下步驟去做:

第一步:更新引用

首先程序集Toolkit的名稱已經改變,更新你的Web站點的引用從AtlasControlToolkit到AJaxControlToolkit,然後更新你的Web頁面中所有的Register指令。

<%@ Register

      Assembly="AtlasControlToolkit"

      Namespace="AtlasControlToolkit"

      TagPrefix="atlasToolkit" %>
修改為:
<%@ Register

      Assembly="AJaxControlToolkit"

      Namespace="AJaxControlToolkit"

      TagPrefix="AJaxToolkit" %>  
第二步 為每一個屬性對象創建Extender實例

新的ASP.Net AJax 擴展裡面移除了TargetPropertIEs,每個屬性現在直接定義為Extender,所以在你原來的代碼中每一個屬性對象,都需要一個Extender實例。

<atlasToolkit:ConfirmButtonExtender

    ID="cbe1" runat="server">

    <atlasToolkit:ConfirmButtonPropertIEs

        TargetControlID="LinkButton1"

        ConfirmText="Delete Item?" />

    <atlasToolkit:ConfirmButtonPropertIEs

        TargetControlID="LinkButton2"

        ConfirmText="Update Item?" />

</atlasToolkit:ConfirmButtonExtender>
修改為:

<AJaxToolkit:ConfirmButtonExtender

     ID="cbe1" runat="server"  /> 

<AJaxToolkit:ConfirmButtonExtender

     ID="cbe2" runat="server"/>
 

第三步 從Extender中移除屬性聲明

從屬性對象中拷貝屬性聲明到新的Extender實例。

<AJaxToolkit:ConfirmButtonExtender

    ID="cbe12"

    runat="server"

    TargetControlID="LinkButton1"

    ConfirmText="Delete Item?" />

<AJaxToolkit:ConfirmButtonExtender

    ID="cbe2"

    runat="server"

    TargetControlID="LinkButton2"

    ConfirmText="UpdateItem?" />
 

第四步 (可選)遷移ID到BehaviorID

如果你在屬性對象中引用了組件的ID,在Extender中修改它的值為“BehaviorID”。


<atlasToolkit:ConfirmButtonExtender

    ID="cbe1" runat="server">

    <atlasToolkit:ConfirmButtonPropertIEs

        ID="confirmBehavior1"

        TargetControlID="LinkButton1"

        ConfirmText="Delete?" />

</atlasToolkit:ConfirmButtonExtender>

<script type="text/Javascript">

    function DOSomething() {

       var b = $object("confirmBehavior1");

       b.confirm();

    }

</script>
修改為:

<AJaxToolkit:ConfirmButtonExtender

    ID="cbe1"

    BehaviorID="confirmBehavior1"

    runat="server"

    TargetControlID="LinkButton"

    ConfirmText="Delete?" />


<script type="text/Javascript">

    function DOSomething() {

       var b = $find("confirmBehavior1");

        b.confirm();

    }

</script>

完成!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved