Button disable bei Dokument erstellen
Man kann den Button wie folgt anpassen
Button disable in javascript
let btn = document.getElementById("btnErstellen") as HTMLButtonElement ; btn.disabled=true; //*funktioniert wird aber von class ueberschrieben |
Allerdings wird die Änderung nicht angezeigt, da in dem SharePoint Button innen eine class=“..“ eingestellt ist für Microsoft UIFabric
Lösung:
Deshalb muss man den Button mit dem style-Attribut anpassen
//< disable_element > let btn = document.getElementById("btnErstellen") as HTMLButtonElement ; btn.disabled=true; //*funktioniert wird aber von class ueberschrieben btn.style.setProperty("pointer-events","none"); btn.style.setProperty("color","darkgray"); btn.style.setProperty("background-Color","gray"); |
Eingebetter Code zum Disable des Button
//----< Datei erstellen >----
//< disable_element > let btn = document.getElementById("btnErstellen") as HTMLButtonElement ; btn.disabled=true; //*funktioniert wird aber von class ueberschrieben btn.style.setProperty("pointer-events","none"); btn.style.setProperty("color","darkgray"); btn.style.setProperty("background-Color","gray");
//*cursor auf pause document.body.style.cursor = "wait"; //</ disable_element>
//*>>hier Document aus Vorlage erstellen, asynchron Promise DokumentAusVorlage.parent._copyFile(data).then((copyResult)=>{ //---< Ergebnis_aus_copyFile >--- //*copyfile gibt IDocumentResult als Status+Messagetext zurueck //*->erfolg oder fehlermeldung console.debug(copyResult); document.body.style.cursor = "default"; //*reset curor //< Fehler > if(copyResult.Status !=0){ //-< bei_fehler >- //*enable button bei Fehler btn.style.removeProperty("pointer-events"); btn.style.removeProperty("color"); btn.style.removeProperty("background-Color");
alert("Fehler bei Erstellung:" + copyResult.StatusText); //-</ bei_fehler >- } //</ Fehler > //---</ Ergebnis_aus_copyFile >--- });
//----</ Datei erstellen >---- |