this.domNode is null

Question

Estoy tratando de usar jquery para cargar un cuadro de dojo. Estoy usando este código Sin embargo, en el segundo clic, en el primer botón obtengo este error. Lo mismo ocurre si hago clic en el primer botón, hago clic en el segundo y hago clic de nuevo en el primero. Este problema me está volviendo loco.

demo here

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.lista_').click(function() { 
     $.get('index1.php', function (data) { 
      dojo.addOnLoad(function() { 
       require(["dojo/_base/xhr", "dojo/parser", "dojo/dom"], function (xhr, parser, dom) { 
        var um = []; 
        dijit.registry.filter(function (w) { //problem here, maybe this code destroy something that should not be destroyed 
         if (dojo.indexOf(um)) { 
          w.destroyRecursive(); 
         } 
        }); 
        $('#paginas').html(data); 

        dojo.parser.parse(dojo.byId('paginas')); 

       }); 
      }); 
     }); 
    }); 
}); 
</script> 

Answer 1

Parece que está tratando de eliminar la vieja tabla antes de insertar/análisis de la nueva, pero no creo que lo que está sucediendo. Esto puede hacer que Dojo elimine varios errores.

dijit.registry.filter(function (w) { //problem here, maybe this code destroy something that should not be destroyed 
    if (dojo.indexOf(um)) { 
     w.destroyRecursive(); 
    } 
}); 

No estoy seguro de lo que está haciendo aquí. La función filter devolverá una matriz de widget para la cual la devolución de llamada devuelve verdadero. Además, dojo.indexOf se utiliza para buscar un elemento en una matriz (no estoy seguro de qué tipo de magia negra estás haciendo allí: P).

creo (si he entendido sus intenciones), debería más bien hacer:

dijit.registry.findWidgets(dojo.byId("paginas")).forEach(function(w) { 
    w.destroy(); 
}); 

Esto destruirá el widget (s) en el interior #paginas antes de introducir y analizar el código HTML recién descabellada.

Editar: Al hacer clic en el 2 ° botón, y el gráfico se elimina, la etiqueta <style> también se elimina. Es por eso que ve artefactos del div de información sobre herramientas, porque ya no está oculto por CSS. Puede resolver esto a través de la importación claro.css en el archivo principal, es decir, poner esto:

<style type="text/css"> 
@import "http://ajax.googleapis.com/ajax/libs/dojo/1.7/dijit/themes/claro/claro.css"; 
</style> 

en el encabezado del archivo principal en lugar de en el HTML se carga con jQuery (index1.php).