Primeros pasos con Dojo

Lo primero que tenemos que hacer es crear un fichero HTML que será donde incluiremos nuestro código.

  • Cargaremos Dojo mediante el CDN (Content Delivery Network), aunque también podremos descargarnos Dojo en nuestro equipo y hacer referencia a él en nuestro código. Para ello utilizaremos el tag <script>.
<script src=”//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js”></script>
  • Al cargar dojo.js, se encuentran definidas dos funciones globales: requirey define. El primero permite cargar módulos y usarlos mientras que el segundo permite definir tus propios módulos. Cargamos mediante require el módulo que nos hace falta (dojo/dom) y el plugin (dojo/domReady!). Recuperamos el elemento contenedor y lo establecemos en la variable el. Por último, le añadimos "Hola Mundo!".
<html>
  <head>

    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"
            data-dojo-config="async: true"></script>

    <script>
      require([
        "dojo/dom",
        "dojo/domReady!"
      ],function(dom){
        var el = dom.byId("contenedor");
        el.innerHTML = "Hola Mundo!"
      });
    </script>

  </head>

  <body>
    <div id="contenedor"></div>
  </body>

</html>

Hola Mundo! en funcionamiento
Código completo

results matching ""

    No results matching ""