Subversion Repositories Applications.papyrus

Rev

Blame | Last modification | View Log | RSS feed 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dojox HtmlDataStore Widget</title>
<style>
        @import "../../../../dijit/themes/tundra/tundra.css";
        @import "../../../../dojo/resources/dojo.css";
        @import "../../../../dijit/tests/css/dijitTests.css";
</style>
<script type="text/javascript">
        djConfig = {
                isDebug: true,
                parseOnLoad: true
        };
</script>
<script type="text/javascript" src="../../../../dojo/dojo.js"></script>
<!--
<script language="JavaScript" type="text/javascript">
        dojo.require("doh.runner");
        function registerTests() {
                doh.register("t", 
                        [
                                function testTableLoaded(t){
                                        t.assertTrue(tableStore !== null);
                                        t.assertTrue(tableStore !== undefined);
                                }
                        ]
                );
                doh.run();
        };
        dojo.addOnLoad(registerTests);
</script>
-->

<script language="JavaScript" type="text/javascript">
        dojo.require("dojo.parser");
        dojo.require("dojox.data.HtmlTableStore");
        dojo.require("dijit.Tree");
        
        function init() {
                var table = tableStore;
                
                function testComplete(items, request){
                        console.debug("Completed!");

                        var attributes = null;
                        for(var i = 0; i < items.length; i++){
                                attributes = table.getAttributes(items[i]);
                                for(var j=0; j < attributes.length; j++){
                                        console.debug("attribute: [" + attributes[j] + "] have value: " + table.getValue(items[i], attributes[j]));
                                }
                        }
                        
                }
                table.fetch({query:{X:1}, onComplete: testComplete});
                table.fetch({query:{X:2}, onComplete: testComplete});
                table.fetch({query:{X:3}, onComplete: testComplete}); 
                table.fetch({query:{X:4}, onComplete: testComplete}); 
                table.fetch({query:{X:5}, onComplete: testComplete}); // Should be empty
        }
        dojo.addOnLoad(init);
</script>

</head>
<body class="tundra">
        <h1>Dojox HtmlDataStore Widget</h1>
        <hr/>
        <br/>
        <br/>

        <!-- Instantiate the HtmlTableStore and bind it to global name tableStore -->
        <div dojoType="dojox.data.HtmlTableStore" tableId="tableExample" jsId="tableStore"></div>

        <!-- The table to link into with the HtmlTableStore-->
        <table id="tableExample">
                <thead>
                        <tr>
                                <th>X</th>
                                <th>Y</th>
                                <th>A</th>
                                <th>B</th>
                        </tr>
                </thead>
                <tbody>
                        <tr id="test">
                                <td>2</td>
                                <td>3</td>
                                <td></td>
                                <td>8</td>
                        </tr>
                        <tr>
                                <td>1</td>
                                <td>3</td>
                                <td>5</td>
                                <td>7</td>
                        </tr>
                        <tr>
                                <td>4</td>
                                <td>9</td>
                                <td>22</td>
                                <td>777</td>
                        </tr>
                        <tr>
                                <td>3231</td>
                                <td>3</td>
                                <td>535</td>
                                <td>747</td>
                        </tr>

                </tbody>
        </table>

        <br/>
        <br/>
        <blockquote>
                <b>Table Rows: <br/><i>(Just to show that the tree can determine that the tableStore works like a store).<br/>Should have three branches, where the row had attr Y value of 3.</i></b>
                <div dojoType="dijit.Tree" id="tree" store="tableStore" query="{Y:3}" label="Test tree"></div>
        </blockquote>
</body>
</html>