1. Dojo e Domino Come cambiare il look nelle vostre applicazioni web Autore: Daniele Grillo Professione: Domino Developer

8. Dojo & Domino Dijit.Editor RichText Dijit.form.Combobox/Dijit.form.ListeringSelect ListBox/ComboBox Dijit.form.ChechBox / Dijit.form.RadioButton CheckBox / RadioButton Dijit.form.NumberTextBox Dijit.form.NumberSpinner Dijit.form.CurrencyTextBox Number Dijit.form.DateTextBox Dijit.form.TimeTextBox Date/Time Dijit.form.TextBox Dijit.form.ValidationTextBox Text/Password Dojo Widget Class Domino Form Field

17. Classica Schermata Address Book (R8)

18. Apro l’address book in un browser..

20. La mia rubrica fatta in Dojo

23. Pagina Layout + StartPage La prima cosa da fare è quella di creare una pagina ( nel nostro caso nominata StartPage ) che sarà quella che verrà aperta alla prima visualizzazione del browser e settarla come pagina di partenza nelle proprietà del database

24. Struttura Layout della pagina

25. <div style=&quot;position: relative; width: 100%; height: 400px; border: 1px #ccc solid;&quot;> <div dojoType=&quot;dijit.layout.BorderContainer&quot; gutters=&quot;true&quot; id=&quot;borderContainerTwo&quot; > <div dojoType=&quot;dijit.layout.ContentPane&quot; region=&quot;top&quot; splitter=&quot;false&quot;> Qui solitamente ci sono le informazioni, dell'header come titolo..etc... </div> <div dojoType=&quot;dijit.layout.BorderContainer&quot; liveSplitters=&quot;false&quot; design=&quot;sidebar&quot; region=&quot;center&quot; id=&quot;mainSplit&quot;> <div dojoType=&quot;dijit.layout.AccordionContainer&quot; minSize=&quot;20&quot; style=&quot;width: 300px;&quot; id=&quot;leftAccordion&quot; region=&quot;leading&quot; splitter=&quot;true&quot;> <div dojoType=&quot;dijit.layout.AccordionPane&quot; title=&quot;Menu&quot;> </div> <div dojoType=&quot;dijit.layout.AccordionPane&quot; title=&quot;Altro&quot;> </div> </div><!-- end AccordionContainer --> <div dojoType=&quot;dijit.layout.TabContainer&quot; region=&quot;center&quot; tabStrip=&quot;true&quot;> <div dojoType=&quot;dijit.layout.ContentPane&quot; title=&quot;Primo TABS&quot; selected=&quot;true&quot;> Contentuto centrale </div> </div> </div> <div dojoType=&quot;dijit.layout.ContentPane&quot; region=&quot;bottom&quot; splitter=&quot;false&quot;> INFORMAZIONI FOOTER </div> </div> </div>

29. Schema ViewDojo JS GET HTTP REQUEST JSON DATA GET HTTP REQUEST JSON DATA SearchDojo JS Pagina HTML

37. Form WebPerson dojoType= può essere inserito nella sezione HTML Other sui Field (esempio a fianco) oppure nell HTML attributes dei campi

38. Salvataggio (webquerysave) La submit effettuerà il salvataggio della form che chiamerà l’agente in WQS che si occuperà di fare un replace del campo FORM ed una ComputedWithform

40. Firebug ti aiuta!

41. Risorse & esempi online http://www.slideshare.net/rkremer/introduction-dojo-toolkit-ibm-lotus-domino Pavone Slides http://www.lotusgeek.com/LotusGeek/LotusGeekBlog.nsf/downloads/ROLR-7B4QCF Slides LotusSphere 2008 http://www.11tmr.com/11tmr.nsf/D6Plinks/MWHE-6Z7K5Y Dojo-Discussion-DB http://ekrantz.com/index.php/2008/01/30/dojo-grid-with-domino-views.html Dojo-Grid-View-example http://dojocampus.org/ Dojo Campus http://dojotoolkit.org/docs Dojo Documentation: http://dojomino.com/ Dojomino: http://www.sitepen.com/blog/ SitePen: http://dojotoolkit.org/ Sito ufficiale Dojo

42. Press

43. I Nostri Sponsor