Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

Problem Button Disable in Javascript Sharepoint umstellen

24.10.2019 (👁7720)

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 >----