2016-04-27 8 views
1

Ich habe ein benutzerdefiniertes Grid-Plugin für das Umbraco Back Office (oder Admin) erstellt, aber bevor ich das ausgewählte Element speichern möchte, möchte ich den Inhalt nach ID abrufen und eine Eigenschaft speichern. Dieser Anruf Anruf dauert ein wenig länger als erwartet und da es ein Versprechen verwendet, hatte ich gehofft, es gab eine Möglichkeit für mich, den Benutzer zu benachrichtigen, dass einige Daten geladen werden.Wie wird beim Laden von Daten in den benutzerdefinierten Grid-Editor von Umbraco Admin eine Wartemeldung oder ein Bild geladen?

Ich fand diese custom directive plugin for AngularJS, aber ich bin mir nicht sicher, der beste Weg, um es in die Umbraco Admin UI zu verbinden. Außerdem nahm ich an, dass es eine Standardmethode geben würde, um den Benutzer darüber zu informieren, dass eine Operation stattfindet und nicht diese Seite verlassen oder erneut auf klicken, bis es fertig ist.

Hat jemand irgendwelche Ideen die beste Praxis, um den Benutzer in der Umbraco Admin zu benachrichtigen, dass etwas geladen wird?

Hier einige meiner Code aus Controller meine Plugins:

dialogService.treePicker({ 
    multiPicker: false, 
    treeAlias: 'content', 
    section: 'content', 
    startNodeId: startNodeIdValue, 
    callback: function (data) { 

     notificationsService.info("Success", "Selected " + data.name + " (" + data.id + ")."); 

     //TODO: need a good way to show a loading/wait message 
     //  until the promise is finished 

     //this might work but want to use the umbraco admin way 
     //to show a loading/wait message 
     $scope.loading = true; 

     contentResource.getById(data.id).then(function (content) { 
      var icon = content.icon; 

      $scope.control.value = { 
       id: data.id, 
       name: data.name, 
       path: data.path, 
       icon: icon 
      }; 

      //this might work but want to use the umbraco admin way 
      //to show a loading/wait message 
      $scope.loading = false; 

      $scope.setPreview(); 
     }); 
    } 
}); 

Antwort

0

Unsere Lösung

I der Richtlinie, die Umbraco umb-load-indicator genannt verwendet und es funktioniert; Ich bin jedoch immer noch neugierig, ob jemand eine bessere Lösung hat.

Hier ist jetzt, was meine Ansicht mit dem $scope.loading Wert aussieht.

Bitte lassen Sie mich wissen, wenn Sie eine bessere Lösung haben.