Ext.Net學習筆記之button小結

1.觸發客戶端事件
代碼如下:
<ext:Button ID="Button1" runat="server" Text="快點我">
　　<Listeners>
　　　　<Click Handler="Greet()"></Click>
　　</Listeners>
</ext:Button>

<script type="text/javascript">
function Greet() {
alert("Hello World!");
}
</script>

2.觸發服務端事件
代碼如下:
<ext:Button ID="Button1" runat="server" Text="快點我">
　　<DirectEvents>
　　　　<Click OnEvent="MyButtonClickHandler"></Click>
　　</DirectEvents>
</ext:Button>

protected void MyButtonClickHandler(object sender, DirectEventArgs e)
{
　　X.Msg.Alert("Hello","HelloWorld!");
}

注：按理說客戶端會彈出一個消息框的，調試時已經執行到了這個后臺函數內，前臺沒反應，原因未知。

DirectEventArgs也可以替換成System.EventArgs，但是這樣將無法訪問某些屬性，例如：ExtraParams，下面講這個參數的用處

3.觸發服務端事件并傳參
代碼如下:
<DirectEvents>
　　<Click OnEvent="MyButtonClickHandler">
　　　　<ExtraParams>
　　　　　　<ext:Parameter Name="param1" Value="value1"></ext:Parameter>
　　　　</ExtraParams>
　　</Click>
</DirectEvents>

后臺獲取參數可以用如下方式：e.ExtraParams["param1"]

從IE的F12工具來看確實將參數發往了服務端。  4.自定義額外屬性 代碼如下: <ext:Button ID="Button1" runat="server" Text="快點我"> 　　<Listeners> 　　　　<Click Handler="CusProperty(this);"></Click> 　　</Listeners> 　　<CustomConfig> 　　　　<ext:ConfigItem Name="cusProperty1" Value="theValue" Mode="Value"></ext:ConfigItem> 　　</CustomConfig> </ext:Button> <script type="text/javascript"> function CusProperty(obj) { alert(obj.cusProperty1); } </script>

成功獲取到自定義的屬性的值

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com