MessageBus的在Ext.Net 2中新增的功能。我在上一篇中已經提到過,這篇內容將主要介紹MessageBus的用法。
發布和訂閱消息
Ext.Net MessageBus 的本質是一個消息訂閱機制,ExtJS中沒有這種機制,所以MessageBus的Ext.Net實現的,但並不是原創,這種功能在dojo中早就實現了,可以參見我的博客:Dojo入門:dojo中的事件處理
下面的代碼將演示如何使用 MessageBus 發布和訂閱消息:
<ext:Button runat="server" ID="btn2" Text="發布消息" Handler="fnButtonHandler"></ext:Button>
首先定義了一個按鈕,這個按鈕單擊的時候將會執行fnButtonHandler方法,我們在這個方法中發布消息:
function fnButtonHandler() { Ext.net.Bus.publish(
"Custom.Event1", { item: this
});
}
Ext.net.Bus.publish方法的第一個參數是消息名稱,第二個參數是消息的參數。
接下來我們來訂閱這個消息:
Ext.onReady(function () { Ext.net.Bus.subscribe(
"Custom.*", function
() { console.log(arguments); });
});
在onReady事件中,添加對消息Custom.*的訂閱,這里使用了通配符,表示訂閱Custom.開頭的所有消息。
代碼完成以后,我們來刷新頁面,然后點擊按鈕,這個時候控制台顯示如下:
這是我們通過代碼來實現的消息發布和訂閱,除此之外,Ext.Net還允許通過控件來發布和訂閱消息。
通過控件發布和訂閱消息
我這里通過一個現成的例子來演示:
<ext:Panel ID="Panel1" runat="server" Title="MessageBus Event Logger" Width="400" Height="300" AutoScroll="true"> <MessageBusListeners> <ext:MessageBusListener Name="App.*" Handler="this.body.createChild({ html: 'Received event from ' + data.item.id, tag: 'p' });" /> </MessageBusListeners> <Buttons> <ext:Button ID="Button1" runat="server" Text="Publish event 1"> <Listeners> <Click BroadcastOnBus="App.event1" /> </Listeners> </ext:Button> </Buttons> </ext:Panel>
在這段代碼中,我們通過按鈕的click事件來發布消息,控件panel則訂閱了這個消息,效果如下:
服務器端的消息發布和訂閱處理
上面的演示都是在客戶端完成的,接下來這個就厲害了,在服務器端的消息發布和訂閱,請看代碼:
<ext:Button runat="server" ID="btnPublish" Text="消息發布者" OnDirectClick="btnPublish_DirectClick"> </ext:Button> <ext:Button runat="server" ID="btnSubscribe" Text="消息訂閱者"> <MessageBusDirectEvents> <ext:MessageBusDirectEvent Name="App.*" OnEvent="subscribe_Event"> </ext:MessageBusDirectEvent> </MessageBusDirectEvents> </ext:Button>
首先是兩個按鈕,一個用來發布消息,一個來訂閱消息。
在消息發布者按鈕中, 我們使用了OnDirectClick事件,這是一個服務器端處理的事件,是Direct Click事件的簡寫。
在訂閱者按鈕中,我們添加了訂閱的相關配置,並通過事件處理方法subscribe_Event來處理訂閱到的消息,服務器端的相應代碼如下:
protected void btnPublish_DirectClick(object sender, Ext.Net.DirectEventArgs e) { Ext.Net.
MessageBus.Default.Publish("App.Server"
); } protected void subscribe_Event(object sender, Ext.Net.DirectEventArgs e) { X.MessageBox.Alert("提示", "接收到來自服務器的消息,消息名稱:" + e.Name).Show(); }
重新編譯代碼,然后刷新我們的頁面。當點擊消息發布按鈕時,我們會接收到服務器端的消息:
有心的朋友想想這段代碼的執行過程吧。
1.觸發服務器端的按鈕點擊,在按鈕點擊事件中發布消息,並將消息在客戶端發布
2.客戶端訂閱者按鈕接收到消息的發布
3.訂閱者按鈕將消息發送到服務器端進行處理
總結
Ext.Net MessageBus可以方便的完成消息發布和訂閱機制,並能夠在前台和后台代碼中結合使用。