Subversion Repositories Applications.papyrus

Rev

Blame | Last modification | View Log | RSS feed 

<!--
  This file is a demo of multiple dojo.data aware widgets using different datastore implementations for displaying data.
-->
<html>
<head>
        <title>Demo of Multiple Widgets using different Datastores</title>
        <style type="text/css">
                @import "../../../dijit/themes/tundra/tundra.css";
                @import "../../../dojo/resources/dojo.css";
                @import "../../../dijit/tests/css/dijitTests.css";
        </style>

        <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true"></script>
        <script type="text/javascript">
                dojo.require("dojo.parser");
                dojo.require("dijit.form.ComboBox");
                dojo.require("dijit.Tree");

                dojo.require("dojox.data.OpmlStore");
                dojo.require("dojo.data.ItemFileReadStore");

        </script>
</head>

<body class="tundra">
        <h1>
                DEMO:  Multiple DataStore implementations with dojo.data aware Widgets
        </h1>
        <hr>
        <h3>
                Description:
        </h3>
        <p>
                This simple demo shows how widgets which know only the dojo.data interfaces can work with data sources of varying formats.  In this case an OpmlStore
                and a ItemFileReadStore are used to house the same data in different formats.
        </p>

        <blockquote>

        <!--
                The store instances used by this demo.
        -->
        <div dojoType="dojo.data.ItemFileReadStore" url="geography.json"              jsId="ifrGeoStore"></div>
        <div dojoType="dojox.data.OpmlStore"        url="geography.xml"  label="text" jsId="opmlGeoStore"></div>

        <h3>
                Widgets using OpmlStore:
        </h3>
        <blockquote>
        <b>ComboBox:</b><br>
        <input dojoType="dijit.form.ComboBox" id="combo1" name="combo1" class="medium" store="opmlGeoStore" searchAttr="text" query="{}"></input>
        <br>
        <br>

        <b>Tree:</b><br>
        <div dojoType="dijit.Tree" id="tree1" label="Continents" store="opmlGeoStore"></div>
        </blockquote>

        <h3>
                Widgets using ItemFileReadStore:
        </h3>
        <blockquote>
        <b>ComboBox:</b><br>
        <input dojoType="dijit.form.ComboBox" id="combo2" name="combo2" class="medium" store="ifrGeoStore" searchAttr="name" query="{}"></input>
        <br>
        <br>

        <b>Tree:</b><br>
        <div dojoType="dijit.Tree" id="tree2" label="Continents" store="ifrGeoStore"></div>
        </blockquote>
</body>
</html>