Signalr關閉連接

Question

我正在嘗試在我的webapp中創建一個停止按鈕。 webapp爲不同的文件創建批量快捷方式。我曾嘗試使用$.connection.shortcutHub.stop()但是，這出現了一個錯誤說Cannot read property 'shortcutHub' of undefined(anonymous function)

代碼如下。一旦單擊stop按鈕，我需要停止連接。停止按鈕的ID是stopButton。

 $(document).ready(function() { 
     // initialize the connection to the server 
     var progressNotifier = $.connection.shortcutHub; 

     // client-side sendMessage function that will be called from the server-side 
     progressNotifier.client.sendMessage = function (message, percent) { 
      // update progress 
      UpdateMessage(message, percent); 
     }; 

     progressNotifier.client.redo = function() { 
      redo(); 
     }; 

     progressNotifier.client.success = function() { 
      success(); 
     }; 

     progressNotifier.client.fail = function() { 
      fail(); 
     }; 


     // establish the connection to the server and start server-side operation 
     $.connection.hub.start().done(function() { 
      $('#confirmbutton').click(function() { 
       jQuery.noConflict(); 
       document.getElementById('closeButton').setAttribute("class", "btn btn-default hidden"); 
       $('#myModal').modal('show'); 
       //document.getElementById('confirmbutton').disabled = true; 
       //document.getElementById('barcodepanel').setAttribute("class", "panel panel-default"); 
       var ticket = getCookie('ticket'); 
       var path = getCookie('CBSShortcut_Path'); 
       var checkeddocs = getCheckedBoxes("dcheck"); 
       var checkedfolders = getCheckedBoxes("fcheck"); 
       progressNotifier.server.createshortcuts(ticket, path, checkeddocs, checkedfolders); 
      }); 

      $('#stopButton').click(function() { 
       document.getElementById('closeButton').setAttribute("class", "btn btn-default"); 
       document.getElementById('confirmbutton').disabled = false; 


       //What do I put here? 
      }); 



     }); 



     function UpdateMessage(message, percent) { 
      // get result div 
      var msg = $("#result"); 
      // set message 
      msg.html(message); 
      //set value of progress bar 
      document.getElementById('closeButton').setAttribute("class", "btn btn-default hidden") 
      $('#progressbar').css('width', percent + '%').attr('aria-valuenow', percent); 
     } 

     function getCookie(cname) { 
      var name = cname + "="; 
      var ca = document.cookie.split(';'); 
      for (var i = 0; i < ca.length; i++) { 
       var c = ca[i]; 
       while (c.charAt(0) == ' ') c = c.substring(1); 
       if (c.indexOf(name) == 0) return c.substring(name.length, c.length); 
      } 
      return ""; 
     } 

     function redo() { 
      document.getElementById('confirmbutton').disabled = false; 
      jQuery.noConflict(); 
      $('#myModal').modal('hide'); 
     } 


     // Pass the checkbox name to the function 
     function getCheckedBoxes(chkboxclass) { 
      var checkboxes = document.getElementsByClassName(chkboxclass); 
      var checkboxesChecked = []; 
      var ids = ""; 
      // loop over them all 
      for (var i = 0; i < checkboxes.length; i++) { 
       // And stick the checked ones onto an array... 
       if (checkboxes[i].checked) { 
        checkboxesChecked.push(checkboxes[i]); 
        ids = ids + checkboxes[i].getAttribute("Name") + ","; 
       } 
      } 
      // Return the array if it is non-empty, or null 
      //return checkboxesChecked.length > 0 ? checkboxesChecked : null; 
      return ids; 
     } 
    } 
);` 

任何幫助表示讚賞。我已經嘗試了一切，谷歌已經拋出我的方式（這主要是stackoverflow網站），我仍然有同樣的問題。

Answer 1

你試過：

$.connection.hub.stop().done(function() { 
    alert('stopped'); 
}); 

它會奏效。

Answer 2

你想，因爲集線器共享一個連接使用全局SignalR中心客戶端連接（又名不使用progressNotifier與連接做任何事情，只偵聽和發送事件。）

你的代碼測試這可能看起來像：

$('#stopButton').click(function() { 
       document.getElementById('closeButton').setAttribute("class", "btn btn-default"); 
       document.getElementById('confirmbutton').disabled = false; 


       $.connection.hub.stop(); 
       //try to send a server event. Will throw an error 
       //Uncaught Error: SignalR: Connection must be started before data can be sent. Call .start() before .send() 
      });