Chargement du contenu dynamique - HTML5 est OK, Dojo n'est pas

Question

J'ai une situation où je charge dynamiquement des DIV à partir d'un serveur avec dojo.xhrGet. Tout ça va bien. Le contenu revient bien, et le DIV est inséré dans la page très bien. Notez que dans cette situation, je ne peux pas connaître le DIV à charger avant qu'un autre événement se produise.

Le problème semble être que les widgets DIJIT contenus dans les DIV dynamiques ne sont pas des widgets DIJIT, mais des widgets HTML simples. C'est-à-dire que je peux travailler dessus en utilisant "dojo.byId ('widgetID')" et utiliser le JavaScript standard, mais si j'essaie "registry ('widgetID')", j'obtiens une réponse "indéfinie".

Comment est-ce que je peux analyser le code DIV déclaratif et dynamiquement chargé dans de vrais widgets DIJIT?

Answer 1

Vous devez utiliser dojo/parser après que votre div markup a été chargé dans votre DOM. La fonction parse() transformera votre balisage HTML de div en un widget dijit si le balisage a été décoré correctement. Par ailleurs dojo.xhrGet est obsolète et vous devez utiliser dojo/request/xhr à la place.

Ci-dessous un exemple avec certains pseudo-code:

require(["dojo/request/xhr", "dojo/dom-construct"], function(xhr, domConstruct){ 
    xhr("example.json", { 
    handleAs: "text" // or whatever 
    }).then(function(data){ 
    // place your div to the dom (data is an html markup similar to this <input data-dojo-type="dijit/form/TextBox" type="text" name="dept1" />) 
    var targetDom = 'targedDom'; 
    domConstruct.place(data, targetDom, 'replace'); 
    // trasform your div to a dijit widget 
    parser.parse(dojo.byId(targetDom)).then(function(){ 
     // after is parsed do smt here 
    }); 

    }, function(err){ 
    // handle the error condition 
    }, function(evt){ 
    // handle a progress event from the request if the browser supports XHR2 
    }); 
});