diff --git a/WebSocket.js b/WebSocket.js index 00ae269..d58b36d 100644 --- a/WebSocket.js +++ b/WebSocket.js @@ -195,6 +195,8 @@ Ext.define('Ext.ux.WebSocket', { constructor: function (cfg) { var me = this; + me.messageQueue = (cfg.messageQueue || []).slice(); + // Raises an error if no url is given if (Ext.isEmpty(cfg)) { Ext.Error.raise('URL for the websocket is required!'); diff --git a/bower.json b/bower.json index c1bc98e..e36916e 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "Ext.ux.WebSocket", - "version": "0.0.4", + "version": "v0.0.6", "homepage": "https://github.com/wilk/ExtJS-WebSocket", "authors": [ "Vincenzo (Wilk) Ferrari " diff --git a/demo/demo.js b/demo/demo.js index 176c590..2373369 100644 --- a/demo/demo.js +++ b/demo/demo.js @@ -22,13 +22,18 @@ Ext.define ('DEMO.view.OpenConnection', { url: url , listeners: { open: function (ws) { - if (Ext.get(ws.url)) Ext.get(ws.url).dom.innerHTML += '> WebSocket just open!
'; + var container = Ext.ComponentQuery.query('panel[title="' + url + '"] > container#messageCt')[0]; + var messageBox = container.getEl().dom.getElementsByClassName("messageBox")[0]; + messageBox.innerHTML += '> WebSocket just open!
'; } , message: function (ws, data) { - Ext.get(ws.url).dom.innerHTML += '> ' + data + '
'; + var container = Ext.ComponentQuery.query('panel[title="' + url + '"] > container#messageCt')[0]; + var messageBox = container.getEl().dom.getElementsByClassName("messageBox")[0]; + messageBox.innerHTML += '> ' + data + '
'; + messageBox.scrollTop = messageBox.scrollHeight; } , close: function (ws) { - var panel = Ext.getCmp ('panel' + ws.url); + var panel = Ext.ComponentQuery.query('panel[title="' + url + '"]')[0]; if ((panel != null) || (panel != undefined)) { panel.destroy (); @@ -41,7 +46,6 @@ Ext.define ('DEMO.view.OpenConnection', { var panel = Ext.create ('Ext.panel.Panel', { title: url , ws: ws , - id: 'panel' + url , layout: 'anchor' , @@ -50,7 +54,8 @@ Ext.define ('DEMO.view.OpenConnection', { items: [{ xtype: 'container' , - html: 'Incoming from the server:
' + html: 'Incoming from the server:
' , + itemId: 'messageCt' } , { xtype: 'textarea' , labelAlign: 'top' , @@ -106,6 +111,7 @@ Ext.define ('DEMO.view.OpenConnection', { xtype: 'textfield' , anchor: '100%' , fieldLabel: 'URL' , + value: 'ws://localhost:9001' , labelAlign: 'top' , listeners: { specialKey: function (tf, evt) { diff --git a/demo/index.html b/demo/index.html index 3d812f5..df65a6e 100644 --- a/demo/index.html +++ b/demo/index.html @@ -3,8 +3,8 @@ ExtJS WebSocket - - + +