String.Format in Javascript

Un'utile funzione Javascript per implementare l'equivalente della String.Format del C#

 String.prototype.format = function () {
            var str = this;
            for (var i = 0; i < arguments.length; i++) {
                var reg = new RegExp("\\{" + i + "\\}", "gm");
                str = str.replace(reg, arguments[i]);
            }
            return str;
        }

Accesso _spPageContextInfo details in SharePoint Framework

Sono informazioni legacy, ma sempre utili perchè non c'è l'equivalente diretto in SPFX.
L'articolo completo è qui

Esempio di utilizzo

Alcune delle proprietà disponibili

$.noConflict();

Su Sharepoint Online assolutamente chiamare $.noConflict(); dopo la prima chiamata a _spBodyOnLoadFunctionNames. Però non è chiaro perchè su Sharepoint 2013 OnPremise non da' lo stesso problema...Più che un post questo è un mio ragionamento, quindi cambio ogni tanto: in realtà va chiamato prima del solito plugin  jQuery problematico.

Appunti veloci su come importare librerie javascript esterne

Facciamo un esempio con una libreria ipotetica che chiamiamo jstest.

1. npm install @types/jstest, questo è il modo canonico
2. se non esistono i types (cioè non è stato definito un file .d.ts con la dichiarazione del modulo), allora:
3. Cercare su DefinitelyTyped qualcosa di equivalente
4. Editare o creare un file .d.ts con Closure o a mano
5. Utilizzare SPComponentLoader.loadScript e fare il cast ad 'any' prima di utilizzare le funzioni della libreria

Sharepoint Framework node_modules clean, fixed e pronta per SPFX 1.4

C'è già jquery, jquery-ui, moment, fullcalendar 3.4.0 e sweetalert2
Disponibile a questo link. Copia e incolla nella directory della solution
Vi aggiungo anche il contenuto del tsconfig.json che è molto cambiato

{
  "compilerOptions": {
    "target": "es5",
    "forceConsistentCasingInFileNames": true,
    "module": "commonjs",
    "jsx": "react",
    "declaration": true,
    "sourceMap": true,
    "experimentalDecorators": true,
    "skipLibCheck": true,
    "typeRoots": [
      "./node_modules/@types",
      "./node_modules/@microsoft"
    ],
    "types": [
      "es6-promise",
      "webpack-env"
    ],
    "lib": [
      "es5",
      "dom",
      "es2015.collection"
    ]
  }
}

Open in file explorer

Da vecchio utilizzatore di Sharepoint e per inveterata abitudine uso sempre la scorciatoia "open in file explorer". Purtroppo ormai sembra retaggio solo di IE, quindi a promemoria futura: in file explorer \\sitosharepoint\DavWWWRoot e http://sitosharepoint/_catalogs/masterpage

Piccolo vademecum (un po' criptico :-) ) per SP Framework

windows powershell come amministratore
cd su directory soluzioni
cd directory della soluzione
code . (chi sa il perchè di questo comando? :-) )
gulp serve è per testarla localmente
npm shrinkwrap opzionale è per bloccare le dipendenze del progetto
gulp bundle --ship build (package-solution.json per la versione)
gulp package-solution --ship per creare il package per il deploy su SPO