Как показать прогресс-бар с помощью SignalR

Question

Когда я работаю с AJAX это довольно просто:

1. Начать прогресс-бар (например, представить прогресс-бар кнопка)
2. сделать вызов AJAX
3. Когда обработчик успеха называется, обновление пользовательского интерфейса с данными, вы получили от AJAX вызова и остановить прогресс-бар

Когда я работаю с SignalR я делаю следующее. На сервере мой метод hum не возвращает ничего (поэтому я не могу обновить интерфейс и остановить индикатор выполнения). Вместо этого я вызываю вызов методом, подобным ThisDataWasChanged для всех клиентов (включая тот, который отправил данные).

Я не совсем уверен, что делать. Я имею в виду, что я мог бы сначала вернуть данные клиенту, который вызвал метод хаба, а затем обновить все остальные клиенты (каким-то образом их дифференцируя), но, похоже, такой перебор.

Answer 1

Что вам нужно сделать, это что-то вроде следующего в классе Hub

Hub

public class ProgressBarHub : Hub 
{ 
    public void change() 
    { 
     // Do some stuff 
     Clients.Client(Context.ConnectionId).thisDataWasChanged(progressBarObj); 
    } 
} 

JS

// Create hub 
var hub = $.connection.progressBarHub; 

// Connect 
$.connection.hub.start().done(function() { 
    // Start progress bar? 
    // Create a start progress bar method in the hub and call it 
    }); 


hub.client.thisDataWasChanged = function (progressBarObj) { 
    //Do something to the progress bar with the progressBarObj that we returned 
};