In C# i would hook many handlers to an event like so:

event += firstEventHandler;
event += secondEventHandler;

but JavaScript with SignalR we write:

$.connection.someHubName.client.someEventName = function (item) {
    console.log("someMessage", item);
};

I have created a wrapper that looks a little like this:

var signalRClient = {
    start: function (callback) {
        $.connection.hub.url = ajaxHttp + "/signalr";
        $.connection.hub.logging = true;
        if ($.connection.hub && $.connection.hub.state === $.signalR.connectionState.disconnected) {
            $.connection.hub.start({ jsonp: true, withCredentials: true, transport: ['webSockets', 'longPolling'] }).done(callback);
        } else {
            callback();
        }
    },
    connection: $.connection
}

That i can call in this way:

signalRClient.connection.somehub.client.someEvent = function (item) {
    console.log("someMessage", item);
};

signalRClient.start(function () { 
    signalRClient.connection.somehub.server.subscribe(someId);
});

but i if i run the signalRClient in more than one view (on the same rendered page) it can only assign one function to one event. I want to be able to assign many functions to one event.

I have read: connect to signalr hub and SignalR client with multiple connections ++

But i don't think it's a good idea to create many connections to the same hub for this purpose. I would also try to avoid creating my SignalR code in a layout and make all views dependent on this.

Is there a simple solution available so that i can hook on many events handlers to the $.connection.somehub.client.event ?

In C# i would hook many handlers to an event like so:

event += firstEventHandler;
event += secondEventHandler;

but JavaScript with SignalR we write:

$.connection.someHubName.client.someEventName = function (item) {
    console.log("someMessage", item);
};

I have created a wrapper that looks a little like this:

var signalRClient = {
    start: function (callback) {
        $.connection.hub.url = ajaxHttp + "/signalr";
        $.connection.hub.logging = true;
        if ($.connection.hub && $.connection.hub.state === $.signalR.connectionState.disconnected) {
            $.connection.hub.start({ jsonp: true, withCredentials: true, transport: ['webSockets', 'longPolling'] }).done(callback);
        } else {
            callback();
        }
    },
    connection: $.connection
}

That i can call in this way:

signalRClient.connection.somehub.client.someEvent = function (item) {
    console.log("someMessage", item);
};

signalRClient.start(function () { 
    signalRClient.connection.somehub.server.subscribe(someId);
});

but i if i run the signalRClient in more than one view (on the same rendered page) it can only assign one function to one event. I want to be able to assign many functions to one event.

I have read: connect to signalr hub and SignalR client with multiple connections ++

But i don't think it's a good idea to create many connections to the same hub for this purpose. I would also try to avoid creating my SignalR code in a layout and make all views dependent on this.

Is there a simple solution available so that i can hook on many events handlers to the $.connection.somehub.client.event ?

• javascript
• signalr

• you have all these event handlers as functions correct? then it's simple, someEvent = function (item) { eventOne(item); eventTwo(item); eventThree(item); } – Callum Linington Commented Apr 6, 2016 at 8:35
• "I would also try to avoid creating my SignalR code in a layout and make all views dependent on this." - this is the reason why i don't want to do what you are explaining... This is also why signalRClient is reusable... – Bjørn Commented Apr 6, 2016 at 8:38
• "I would also try to avoid creating my SignalR code in a layout and make all views dependent on this" I don't understand this. Can you be more clear. To make all views dependent on this then this must be part of layout.. if you dont want to code in layout code it in a js file and put reference in layout. – Rajshekar Reddy Commented Apr 6, 2016 at 8:44
• 1 Since you already have a wrapper add another property called events and keep it as an array. you can push as many functions as you want into this array and in your function $.connection.somehub.client.event =function (){... you can loop the array and execute each function. – Rajshekar Reddy Commented Apr 6, 2016 at 8:46
• Rephrased: "I don't want my views to be dependent on JavaScript in Layout.." in our solution we switch Layoutfiles from time to time, and if i had this in the layoutfiles i would have to have the reference in all of them. I want the views i create to be self-sustaining. I don't want eventOne, eventTwo and eventThree to know about each other or called from the same place :) – Bjørn Commented Apr 6, 2016 at 8:48

1 Answer 1

After trying many different things i managed to use the .on( mand properly.. it is done like this:

signalRClient.connection.somehub.on("someevent", function(item) {
    console.log(item);
});

signalRClient.connection.somehub.on("someevent", function (item) {
    console.log(item);
});

This will provide two lines in the console for each event.