Wie jQuery BlockUI in der Master-Seite verwenden, Nachricht laden Bitte warten ..

Question

Ich brauche jquery BlockUI für meine Anwendung .. Ich habe diesen Code ..

$.blockUI({ css: { 
      border: 'none', 
      padding: '15px', 
      backgroundColor: '#000', 
      '-webkit-border-radius': '10px', 
      '-moz-border-radius': '10px', 
      opacity: .5, 
      color: '#fff' 
     } }); 

     setTimeout($.unblockUI, 2000); 
    }); 

Ich halte diesen Code in jeder implementieren Klicken Sie auf Funktion in meinen Ansichten .. dann funktioniert es gut. aber ich muss diesen Code zentralisiert machen, der diesen Code in der Hauptdatei hält, wenn etwas mehr als 2000 Millisekunden dauert, kann ich jQuery BlockUI zeigen? für meine gesamte Bewerbung. Wenn ja, kann mir jemand helfen, diesen Code in der Masterseite zu behalten, welche Art von Code ich in der Masterseite implementieren muss, um auf diesen jQuery blockUI zuzugreifen?

Answer 1

ich tun, um diese Art und Weise:

Im Masterpage ich das Skript Referenz und einen Verweis auf einem benutzerdefinierten Skript hinzugefügt haben, wo ich den folgenden Code

//Set Defaults values for blockUI 
$.blockUI.defaults.theme = true; 
$.blockUI.defaults.title = 'Please wait...'; 
$.blockUI.defaults.message = '<img src="_assets/images/blockUI_Loader.gif" />'; 
$.blockUI.defaults.css = {}; 
$.blockUI.defaults.themedCSS = {}; 
$.blockUI.defaults.themedCSS.width = 100; 
$.blockUI.defaults.themedCSS.height = 64; 
$.blockUI.defaults.overlayCSS = {}; 
$.blockUI.defaults.overlayCSS.backgroundColor = '#ffffff'; 
$.blockUI.defaults.overlayCSS.opacity = 0.6; 

Dann, wenn ich verwenden, um es in Ajax Anrufe Ich verwende einfach

$("#element").block(); 
$.ajax({ 
    type: "get", 
    dataType: "html", 
    url: "some/url", 
    data: {}, 
    success: function (response, status, xml) { 
     $("#element").unblock(); 
    }, 
    error: function (response) { 
     $("#element").unblock(); 
    } 
}); 

Answer 2

Um zugänglich zu machen überall ohne es immer und immer wieder zu schreiben, können Sie den Code in eine Funktion platzieren können()

zum Beispiel legen das Ihr in der globalen Datei javascript:

function blockUI(){ 
// $.blockUI({ css: {... 
} 

Dann Wo immer Sie es brauchen, rufen Sie blockUI();