2011-11-16 21 views
1

マークアップは、このシナリオで

<ext:Button ID="Button1" runat="server" Icon="ShapeSquare" Text="Submit" OnClick="GreetingBtn_Click" > 
</ext:Button> 

分離コード

public void GreetingBtn_Click(Object sender, EventArgs e) 
{ 
     Response.Redirect("www.google.lk"); 
} 

をクリックして、私はASPを実行できるようにしたいと思いExt.NetボタンにASP.netイベントハンドラを呼び出します.netイベントハンドラをExt.netボタンをクリックします。どのようにこの機能を達成するには? examplesから

答えて

3

protected void ButtonClick(object sender, DirectEventArgs e) 
{ 
    Response.Redirect("www.google.lk"); 
}   
+0

onClickとOnDirectClickの違いは何ですか? – Chakri

3

背後

マークアップ

<ext:Button 
     ID="Button1" 
     runat="server" 
     Text="Click Me" 
     OnDirectClick="ButtonClick" /> 

コードあなたの元のコードサンプルと夫婦の問題があります。

  1. EventArgsパラメータButtonClickのメソッドはDirectEventArgsである必要があります。
  2. <ext:Button>インスタンスで設定されたOnClickプロパティの名前をOnDirectClickに変更する必要があります。

DirectEventハンドラを使用してサーバー側のメソッドを呼び出すか、DirectMethodを手動で呼び出すことができます。両方とも同様の方法で、AJAXリクエストをページに戻すことで機能します。

次のサンプルは、DirectEventDirectMethodの両方のオプションを示しています。

<%@ Page Language="C#" %> 

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %> 

<script runat="server"> 
    protected void Button1_Click(Object sender, DirectEventArgs e) 
    { 
     X.Msg.Notify("DirectEvent", DateTime.Now.ToLongTimeString()).Show(); 
    } 

    [DirectMethod] 
    public void DoSomething() 
    { 
     X.Msg.Notify("DirectMethod", "DoSomething was called").Show(); 
    } 
</script> 

<html> 
<head runat="server"> 
    <title>Ext.NET Example</title> 
</head> 
<body> 
    <form runat="server"> 
     <ext:ResourceManager runat="server" /> 

     <ext:Button runat="server" Text="DirectEvent"> 
      <DirectEvents> 
       <Click OnEvent="Button1_Click" /> 
      </DirectEvents> 
     </ext:Button> 

     <ext:Button runat="server" Text="DirectMethod"> 
      <Listeners> 
       <Click Handler="Ext.net.DirectMethods.DoSomething();" /> 
      </Listeners> 
     </ext:Button> 
    </form> 
</body> 
</html> 

・ホープ、このことができます。

2

Ext.netボタンにAutoPostBack="true"というプロパティを追加します。

<Buttons> 
    <ext:Button ID="Button1" runat="server" Icon="ShapeSquare" AutoPostBack="true" Text="Submit" OnClick="GreetingBtn_Click" > 
    </ext:Button> 
</Buttons> 
関連する問題