=============================CallBack===========================

//拉一個CallBack控制項進來,設定Client的實體名稱為CallBack1,

//並在CallBack完成後觸發Client端的JavaScript去改ASPxTextBox1這個輸入控制項的值

//ASPxTextBox1_I是ASPxTextBox1在Client端的Name(可去看瀏覽器原始碼)

  <dxcb:ASPxCallback ID="ASPxCallback1" runat="server" oncallback="ASPxCallback1_Callback" ClientInstanceName="Callback1">

        <ClientSideEvents CallbackComplete="function(s, e)

         {

              document.getElementById("ASPxTextBox1_I").innerText = e.result;           

         }"

         />

    </dxcb:ASPxCallback>

 

//拉一個Button設定按下去後觸發Client端的JavaScript

//也就是開始觸發CallBack這個元件

<dxe:ASPxButton ID="ASPxButton1" runat="server" AutoPostBack="False" Text="CallBackTest" >

        <ClientSideEvents Click="function(s, e)

        {

             Callback1.PerformCallback('Hello,How are you');

        }

        "/>

    </dxe:ASPxButton>

 

//在觸發PerFormCallBack函示之後,便會執行Server端的CallBack事件

//e.Parameter是PerFormCallBack括號裡的值也就是Hello,How are you

//存到e.Result後會傳回去Client端就可用e.result去讀到

protected void ASPxCallback1_Callback(object source, DevExpress.Web.ASPxCallback.CallbackEventArgs e)

    {

        e.Result = "Good" + e.Parameter;

    }

 

 

=============================CallBackPanel===========================


//CallBackPanel是一個Panel裡面的值都會重新產生,所以沒有e.Result,

//只有傳過去Server端的e.Parameter,Server端收到後可直接更改TextBox的值

//但是那個TextBox要放在CallBackPanel裡才會變喔

<dxcp:ASPxCallbackPanel ID="ASPxCallbackPanel1" runat="server"

        ClientInstanceName="CallBackPanel" Height="84px" Width="243px"

        oncallback="ASPxCallbackPanel1_Callback">

        <PanelCollection>

<dxp:PanelContent runat="server">

    <dxe:ASPxTextBox ID="ASPxTextBox2" runat="server" Width="170px">

    </dxe:ASPxTextBox>

    <br />

</dxp:PanelContent>

</PanelCollection>

        <ClientSideEvents EndCallback="function(s, e)

        {            

        }"

        />

    </dxcp:ASPxCallbackPanel>

 

 

<dxe:ASPxButton ID="ASPxButton2" runat="server" Text="CallBackPanelTest"

            AutoPostBack="False">

            <ClientSideEvents Click="function(s, e)

        {           

            CallBackPanel.PerformCallback('YesIam');

        }

        " />

        </dxe:ASPxButton>

 

protected void ASPxCallbackPanel1_Callback(object source, DevExpress.Web.ASPxClasses.CallbackEventArgsBase e)

    {

        ASPxTextBox2.Text = "Good" + e.Parameter;     

    }


arrow
arrow
    全站熱搜

    welkingunther 發表在 痞客邦 留言(1) 人氣()