1.觸發(fā)客戶端事件

復(fù)制代碼 代碼如下:

<ext:Button runat="server" Text="快點(diǎn)我">
　　<Listeners>
　　　　<Click Handler="Greet()"></Click>
　　</Listeners>
</ext:Button>

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

復(fù)制代碼 代碼如下:

<ext:Button runat="server" Text="快點(diǎn)我">
　　<DirectEvents>
　　　　<Click OnEvent="MyButtonClickHandler"></Click>
　　</DirectEvents>
</ext:Button>

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

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

3.觸發(fā)服務(wù)端事件并傳參

復(fù)制代碼 代碼如下:

<DirectEvents>
　　<Click OnEvent="MyButtonClickHandler">
　　　　<ExtraParams>
　　　　　　<ext:Parameter Value="value1"></ext:Parameter>
　　　　</ExtraParams>
　　</Click>
</DirectEvents>

從IE的F12工具來(lái)看確實(shí)將參數(shù)發(fā)往了服務(wù)端。

 4.自定義額外屬性

復(fù)制代碼 代碼如下:

<ext:Button runat="server" Text="快點(diǎn)我">
　　<Listeners>
　　　　<Click Handler="CusProperty(this);"></Click>
　　</Listeners>
　　<CustomConfig>
　　　　<ext:ConfigItem Value="theValue" Mode="Value"></ext:ConfigItem>
　　</CustomConfig>
</ext:Button>

<script type="text/javascript">
function CusProperty(obj) {
alert(obj.cusProperty1);
}
</script>

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