dojo.basix

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    2 Favorites

    dojo.basix - Presentation Transcript

    1. dojo.basix Wolfram Kriesing wolfram@uxebu.com
    2. dojo.basics • namespaced (dojo.lang, dojo.fx, dijit.form) • dojo, dijit, dojox, yournamespace • package system • build system (incl. your namespaces) • i18n
    3. out of the box • dojo.* • lang, string, array, dom, coords, data, back, behaviour, date, dnd, i18n, io, rpc, ... • dijit.* - stable widgets • form.*, Editor, Tree, Dialog, ProgressBar, ... • dojox.* - dojo extended (experimental)
    4. dojo basics (system) • dojo.require(), dojo.declare(), dojo.provide() • dojo.hitch(), dojo.mixin(), dojo.extend() • dojo.[dis]connect(), dojo.publish/ subscribe() • dojo.xhr(), dojo.xhrPost(), dojo.xhrGet() • dojo.forEach(), dojo.map(), dojo.filter()
    5. namespace, class Create namespace and singleton dojo.provide(\"phpr\"); // Register namespace relative to dojo.js dojo.registerModulePath(\"phpr\", \"../../phpr\"); phpr.send = function(params) {}; Declare a class dojo.provide(\"phpr.Main\"); dojo.declare(\"phpr.Main\", phpr.Component, { constructor:function() {}, render:function() {} });
    6. dojo.hitch dojo.connect( domNode, \"onclick\", dojo.hitch(this, \"handleClick\") ); dojo.xhr({ load: dojo.hitch(this, function() { // handle onLoad stuff }) })
    7. dojo basics (dom) • dojo.byId(), dojo.query(), dojo.attr() • dojo.coords() • dojo.addClass(), dojo.removeClass(), dojo.hasClass() • dojo.addOnLoad()
    8. dijit
    9. dijit - dojo widgets http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html
    10. written vs. rendered you write <input id=“cb1“ name=“cb1“ type=“checkbox“ dojoType=“dijit.form.Checkbox“ /> you get <div class=\"dijitReset dijitInline dijitCheckBox\" wairole=\"presentation\" role=\"wairole:presentation\" widgetid=\"cb1\"> <input id=\"cb1\" class=\"dijitReset dijitCheckBoxInput\" type=\"checkbox\" dojoattachevent=\"onmouseover:_onMouse, onmouseout:_onMouse,onclick:_onClick\" dojoattachpoint=\"focusNode\" name=\"cb1\" value=\"foo\" tabindex=\"0\" style=\"-moz-user-select: none;\"/> </div>
    11. DOM to dijit and back • dojo.byId(domNodeId) - node • dojo.query(string) - [node, node, node] • dijit.byId(widgetId) - widget • dijit.byNode(node) - widget • dijit.getEnclosingWidget(node) - widget
    12. Events (DOM, dijit) • dojo.connect(domNode, „onclick“, ...) • dojo.connect(widget, „onClick“, ...) • dojo.connect(widget, „onCustomEvent“, ...) DEMO dojo.query, dojo.connect: onmouseover vs. onMouseOver, dijit.byId/Node, dijit.getEnclosingWidget closure
    13. build • svn co http://svn.dojotoolkit.org/dojo/util/ trunk • cd util/buildscripts/profiles • cp standard.profile.js phpr.profile.js • adjust phpr.profile.js > cd util/buildscripts >./build.sh profile=\"phpr\"\\ action=\"clean,release\" localeList=\"en,de\"\\ optimize=\"shrinksafe\"\\ releaseDir=\"../../dojo-build\"\\ releaseName=\"\"
    14. fx • dojo.fadeIn(), dojo.fadeOut() • dojo.fx.wipeIn(), dojo.fx.wipeOut() • dojo.toggleClass() • dojox.fx • sizeTo(), slideBy(), crossFade(), highlight(), wipeTo(), smoothScroll(),
    15. grid • various stores (dojo.data) • sortable, filterable, dynamic paging • editable
    16. COPY with pride • Examples archive.dojotoolkit.org/nightly http://archive.dojotoolkit.org/nightly • Search dojotoolkit.org (valueable forum) • Dojo feature explorer http://dojocampus.org/explorer/ • API browser (in progress) http://api.dojotoolkit.org • dojo book http://docs.dojocampus.org
    17. thx http://blog.uxebu.com

    + wolframkriesingwolframkriesing, 2 years ago

    custom

    1707 views, 2 favs, 3 embeds more stats

    A quick overview of dojo and some in depth things.

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 1707
      • 1641 on SlideShare
      • 66 from embeds
    • Comments 0
    • Favorites 2
    • Downloads 42
    Most viewed embeds
    • 64 views on http://blog.uxebu.com
    • 1 views on http://blog.bummerware.com
    • 1 views on http://bummerware.tumblr.com

    more

    All embeds
    • 64 views on http://blog.uxebu.com
    • 1 views on http://blog.bummerware.com
    • 1 views on http://bummerware.tumblr.com

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories