DojoCampus Feature Explorer: Latest Demos The latest demos from the Dojo toolkit DojoCampus http://www.dojocampus.org/explorer/featureexplorer/latestDemos.xml 2008-06-11T17:33:29+02:00 The Dojo Community http://www.dojocampus.org Dojox / Widgets / Iterator / Data Store http://www.dojocampus.org/explorer#Dojox_Widgets_Iterator_Data%20Store 2008-06-11T17:33:29+02:00 2008-06-11T17:33:29+02:00 jsId attribute of the data store is identical to the store attribute of the Iterator widget. A query attribute can also be specified to select a subset of the data in the data store. ]]> dojo.require("dojo.data.ItemFileReadStore"); dojo.require("dojox.widget.Iterator"); dojo.require("dojo.parser"); // scan page for widgets and instantiate them

Data store backed Iterator

  • before
  • ${name}
  • after
]]> The Dojo Community http://www.dojocampus.org Dojox / Widgets / SortList / From Data Store http://www.dojocampus.org/explorer#Dojox_Widgets_SortList_From%20Data%20Store 2008-06-11T17:33:29+02:00 2008-06-11T17:33:29+02:00 @import "/dojotoolkit/dojox/widget/SortList/SortList.css";

Simple sortable example

    ]]>     The Dojo Community http://www.dojocampus.org Dojox / Widgets / SortList / From Markup http://www.dojocampus.org/explorer#Dojox_Widgets_SortList_From%20Markup 2008-06-11T17:33:29+02:00 2008-06-11T17:33:29+02:00 @import "/dojotoolkit/dojox/widget/SortList/SortList.css";
    • one
    • two
    • three
    • four
    • five
    • six
    • four
    • five
    • six
    • four
    • five
    • six
    • four
    • five
    • six
    ]]>     The Dojo Community http://www.dojocampus.org Dojox / Widgets / SortList / Custom Sort http://www.dojocampus.org/explorer#Dojox_Widgets_SortList_Custom%20Sort 2008-06-11T17:33:29+02:00 2008-06-11T17:33:29+02:00 @import "/dojotoolkit/dojox/widget/SortList/SortList.css";
    • one
    • two
    • three
    • four
    • five
    • six
    • four
    • five
    • six
    • four
    • five
    • six
    • four
    • five
    • six
    ]]>     The Dojo Community http://www.dojocampus.org Dojox / Layout / Resize Handle / Animated http://www.dojocampus.org/explorer#Dojox_Layout_Resize%20Handle_Animated 2008-06-11T17:33:28+02:00 2008-06-11T17:33:28+02:00 @import "/dojotoolkit/dojox/layout/resources/ResizeHandle.css";
    Content Pane w/a resize handle.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam facilisis enim. Pellentesque in elit et lacus euismod dignissim. Aliquam dolor pede, convallis eget, dictum a, blandit ac, urna. Pellentesque sed nunc ut justo volutpat egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In erat. Suspendisse potenti. Fusce faucibus nibh sed nisi. Phasellus faucibus, dui a cursus dapibus, mauris nulla euismod velit, a lobortis turpis arcu vel dui. Pellentesque fermentum ultrices pede. Donec auctor lectus eu arcu. Curabitur non orci eget est porta gravida.


    Sed arcu magna, molestie at, fringilla in, sodales eu, elit. Curabitur mattis lorem et est. Quisque et tortor. Integer bibendum vulputate odio. Nam nec ipsum. Vestibulum mollis eros feugiat augue. Integer fermentum odio lobortis odio. Nullam mollis nisl non metus. Maecenas nec nunc eget pede ultrices blandit. Ut non purus ut elit convallis eleifend. Fusce tincidunt, justo quis tempus euismod, magna nulla viverra libero, sit amet lacinia odio diam id risus. Ut varius viverra turpis. Morbi urna elit, imperdiet eu, porta ac, pharetra sed, nisi. Etiam ante libero, ultrices ac, faucibus ac, cursus sodales, nisl. Praesent nisl sem, fermentum eu, consequat quis, varius interdum, nulla. Donec neque tortor, sollicitudin sed, consequat nec, facilisis sit amet, orci. Aenean ut eros sit amet ante pharetra interdum.

    Fusce rutrum pede eget quam. Praesent purus. Aenean at elit in sem volutpat facilisis. Nunc est augue, commodo at, pretium a, fermentum at, quam. Nam sit amet enim. Suspendisse potenti. Cras hendrerit rhoncus justo. Integer libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. Sed adipiscing mi vel ipsum.

    Sed aliquam, quam consectetuer condimentum bibendum, neque libero commodo metus, non consectetuer magna risus vitae eros. Pellentesque mollis augue id libero. Morbi nonummy hendrerit dui. Morbi nisi felis, fringilla ac, euismod vitae, dictum mollis, pede. Integer suscipit, est sed posuere ullamcorper, ipsum lectus interdum nunc, quis blandit erat eros hendrerit pede. Vestibulum varius, elit id mattis mattis, nulla est feugiat ante, eget vestibulum augue eros ut odio. Maecenas euismod purus quis felis. Ut hendrerit tincidunt est. Fusce euismod, nunc eu tempus tempor, purus ligula volutpat tellus, nec lacinia sapien enim id risus. Aliquam orci turpis, condimentum sed, sollicitudin vel, placerat in, purus. Proin tortor nisl, blandit quis, imperdiet quis, scelerisque at, nisl. Maecenas suscipit fringilla erat. Curabitur consequat, dui blandit suscipit dictum, felis lectus imperdiet tellus, sit amet ornare risus mauris non ipsum. Fusce a purus. Vestibulum sodales. Sed porta ultrices nibh. Vestibulum metus.

    ]]>     The Dojo Community http://www.dojocampus.org Dojox / Layout / ScrollPane / Programmatic http://www.dojocampus.org/explorer#Dojox_Layout_ScrollPane_Programmatic 2008-06-11T17:33:28+02:00 2008-06-11T17:33:28+02:00 dojox.layout.ScrollPane progammatically. Note that you must specify the dimensions of the widget, done here using the style attribute. ]]> dojo.require("dojox.layout.ScrollPane"); dojo.require("dijit.form.Button"); function makeScrollPane() { // programatic example: var widget = new dojox.layout.ScrollPane({ orientation: "horizontal", style:"width:600px; height:125px; border:1px solid #b7b7b7" },"scrollPane1"); widget.startup(); }
    Make Widget
    On Raglan Road On An autumn day I saw her first and knew, that her dark hair would weave a snare that I might one day rue. I saw the danger yet I walked, along the enchanted way. And I said let grief be a falling leaf at the dawning of the Day. On Grafton Street in November, we tripped lightly along the ledge, Of the deep ravine where can be seen, the worth of passions pledge. The Queen of hearts still baking tarts, and I not making hay, Oh I loved too much, and by such and such is happiness thrown away. I gave her gifts of the mind, I gave her the secret sign, that's known to the artists who have known, the true gods of sound and time. With word and tint I did not stint, for I gave her poems to say, With her own name there and her own dark hair, Like clouds over fields of May On a quiet street, where old ghosts meet, I see her walking now. Away from me so hurriedly, my reason must allow, that I have loved not as I should, a creature made of clay. When the angel woos the clay he'll lost his wings, at the dawn of day.   For Pat & Luke
    ]]>     The Dojo Community http://www.dojocampus.org Dojox / Layout / Resize Handle / X Axis http://www.dojocampus.org/explorer#Dojox_Layout_Resize%20Handle_X%20Axis 2008-06-11T17:33:28+02:00 2008-06-11T17:33:28+02:00 @import "/dojotoolkit/dojox/layout/resources/ResizeHandle.css";
    Content Pane w/a resize handle.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam facilisis enim. Pellentesque in elit et lacus euismod dignissim. Aliquam dolor pede, convallis eget, dictum a, blandit ac, urna. Pellentesque sed nunc ut justo volutpat egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In erat. Suspendisse potenti. Fusce faucibus nibh sed nisi. Phasellus faucibus, dui a cursus dapibus, mauris nulla euismod velit, a lobortis turpis arcu vel dui. Pellentesque fermentum ultrices pede. Donec auctor lectus eu arcu. Curabitur non orci eget est porta gravida.
    ]]>     The Dojo Community http://www.dojocampus.org Dojox / Widgets / Color Picker / Basic http://www.dojocampus.org/explorer#Dojox_Widgets_Color%20Picker_Basic 2008-06-11T17:33:28+02:00 2008-06-11T17:33:28+02:00 @import "/dojotoolkit/dojox/widget/ColorPicker/ColorPicker.css";
    Color is
    ]]>     The Dojo Community http://www.dojocampus.org Dojox / Layout / ScrollPane / Vertical http://www.dojocampus.org/explorer#Dojox_Layout_ScrollPane_Vertical 2008-06-11T17:33:28+02:00 2008-06-11T17:33:28+02:00 dojox.layout.ScrollPane. Note that you must specify the dimensions of the widget, done here using the style attribute. ]]> dojo.require("dojox.layout.ScrollPane");
    • On Raglan
    • Road On An
    • autumn day
    • I saw her
    • first and
    • knew, that
    • her dark hair
    • would weave
    • a snare that
    • I might one
    • day rue.
    • I saw the
    • danger yet I
    • walked, along
    • the enchanted
    • way. And I
    • said let grief
    • be a falling
    • leaf at the
    • dawning of
    • the Day.
    • On Grafton
    • Street in
    • November, we
    • tripped lightly
    • along the ledge,
    • Of the deep ravine
    • where can be
    • seen, the worth
    • of passions
    • pledge. The
    • Queen of hearts
    • still baking
    • tarts, and I
    • not making hay,
    • Oh I loved
    • too much, and
    • by such and such
    • is happiness
    • thrown away.
    • I gave her
    • gifts of the
    • mind, I gave
    • her the secret
    • sign, that's
    • known to the
    • artists who have
    • known, the true
    • gods of sound
    • and time. With
    • word and tint
    • I did not
    • stint, for I gave
    • her poems to
    • say, With her
    • own name there
    • and her own dark
    • hair, Like clouds
    • over fields of May
    • On a quiet
    • street, where old
    • ghosts meet, I
    • see her walking
    • now. Away from me
    • so hurriedly, my
    • reason must allow,
    • that I have
    • loved not as I
    • should, a creature
    • made of clay.
    • When the angel
    • woos the clay
    • he'll lost his
    • wings, at the
    • dawn of day.
    •  
    • For Pat & Luke
    ]]>     The Dojo Community http://www.dojocampus.org Dojox / Widgets / Color Picker / Customized http://www.dojocampus.org/explorer#Dojox_Widgets_Color%20Picker_Customized 2008-06-11T17:33:28+02:00 2008-06-11T17:33:28+02:00 @import "/dojotoolkit/dojox/widget/ColorPicker/ColorPicker.css";
    Color is
    ]]>