A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Trabalho de Dojo Toolkit

Apresentações semelhantes


Apresentação em tema: "Trabalho de Dojo Toolkit"— Transcrição da apresentação:

1 Trabalho de Dojo Toolkit
André Luis Simões Lopes Kutter Linguagens de Programação 2013 Analise e Desenvolvimento de Sistemas

2 Criação do Dojo Toolkit
Utilização Pros e contras Conclusão

3 Criação do Dojo Toolkit
O Dojo Toolkit foi criado em 2004 por Alex Russell, Dylan Schiemann entre outros. Com o intuito de facilitar o desenvolvimento multiplataformas, por exemplo: O Dojo abstrai as varias diferenças entre os diversos navegadores.

4 Utilização <html> <head>
<link rel="StyleSheet" type="text/css“ Como iremos utilizar o widget Dijit, teremos que importar a folha de estilos do Dijit. Tundra é o tema padrão, o qual será utilizado neste exemplo: href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true };

5 </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> O dojo.require() pode ser comparado ao import do java Para utilizar uma classe é necessário importá-la dojo.require("dojo.parser"); dojo.require("dijit.form.TextBox"); dojo.require("dijit.form.Button"); O dojo.addOnLoad é o método responsável por registrar as funções que serão utilizadas pelos widgets: dojo.addOnLoad(function() {

6 O dojo.connect faz a ligação entre objeto, evento e ação, ou seja executa uma determinada ação quando o evento de um objeto é disparado. No caso do exemplo irá dar um alert com o valor do campo input quando o botão for clicado dojo.connect(dijit.byId("button1"), "onClick", function(evt) { alert(dijit.byId("input1").value); }); </script> </head> <body class="tundra"> Utilizando os FormWidgets TextBox e Button <input type="text" id="input1" value="Hello World" dojoType="dijit.form.TextBox" /> <button id="button1" dojoType="dijit.form.Button" onclick=" button1">Clique <script type="dojo/method" event="onClick" args="evt"> </button> </body> </html> Utilizando os FormWidgets TextBox e Button.


Carregar ppt "Trabalho de Dojo Toolkit"

Apresentações semelhantes


Anúncios Google