diff options
| author | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-13 09:49:11 +0000 |
|---|---|---|
| committer | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-13 09:49:11 +0000 |
| commit | e44a7e37b6c7b5961adaffc62b9042b8d442938e (patch) | |
| tree | 95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dojox/grid/tests/test_markup.html | |
| parent | a62b9742ee5e28bcec6872d88f50f25b820914f6 (diff) | |
| download | semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.bz2 | |
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dojox/grid/tests/test_markup.html')
| -rw-r--r-- | includes/js/dojox/grid/tests/test_markup.html | 112 |
1 files changed, 112 insertions, 0 deletions
diff --git a/includes/js/dojox/grid/tests/test_markup.html b/includes/js/dojox/grid/tests/test_markup.html new file mode 100644 index 0000000..7c57710 --- /dev/null +++ b/includes/js/dojox/grid/tests/test_markup.html @@ -0,0 +1,112 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> +<html> +<head> + <title>dojox.Grid with Dojo.Data via binding</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta> + <style type="text/css"> + @import "../../../dojo/resources/dojo.css"; + @import "../_grid/tundraGrid.css"; + + #grid, #grid2 { + width: 65em; + height: 25em; + padding: 1px; + } + </style> + <script type="text/javascript" src="../../../dojo/dojo.js" + djConfig="isDebug: true, debugAtAllCosts: false, parseOnLoad: true"></script> + <script type="text/javascript"> + dojo.require("dojox.grid.Grid"); + dojo.require("dojo.data.ItemFileReadStore"); + dojo.require("dojox.data.CsvStore"); + dojo.require("dojo.parser"); + </script> +</head> +<body class="tundra"> + <h5>dojox.grid.Grid structure from markup</h5> + <span dojoType="dojox.data.CsvStore" + jsId="csvStore" url="support/movies.csv"> + </span> + + <table dojoType="dojox.grid.Grid" + store="csvStore" + query="{ Title: '*' }" + clientSort="true" + style="width: 800px; height: 300px;"> + <thead> + <tr> + <th width="300px" field="Title">Title of Movie</th> + <th width="5em">Year</th> + </tr> + <tr> + <th colspan="2">Producer</th> + </tr> + </thead> + </table> + + + <span dojoType="dojo.data.ItemFileReadStore" + jsId="jsonStore" url="../../../dijit/tests/_data/countries.json"> + </span> + <h5>Locked views specified with tables and colgroups</h5> + + <table dojoType="dojox.grid.Grid" + store="jsonStore" + rowsPerPage="20" + query="{ name: '*' }" + style="width: 600px; height: 300px;"> + <colgroup span="1" noscroll="true" width="300px"></colgroup> + <colgroup span="4"></colgroup> + <thead> + <tr> + <th field="name">Country/Continent Name</th> + <th width="100px" field="population">Population</th> + <th width="100px" field="area">Land Mass</th> + <th width="100px" field="timezone">Time Zone</th> + <th width="5em" field="type">Type</th> + </tr> + </thead> + </table> + + <h5>A "regular" Grid from markup (no table defintion)</h5> + <script type="text/javascript"> + // helper functions and structure definitions for the old markup construction syntax + function getRow(inRowIndex){ + return ' ' + inRowIndex; + } + + var layoutCountries = [ + // view 0 + { type: 'dojox.GridRowView', width: '20px' }, + // view 1 + { + cells: [ + [ + { name: "Row", get: getRow, width: 5} + ] + ], + noscroll: true + }, + // view 2 + { + cells: [ + [ + { field: 0, width: 'auto' }, + { width: 8 } + ] + ] + } + ]; + </script> + <span dojoType="dojox.grid.data.DojoData" + jsId="dataModel2" + rowsPerPage="20" + store="jsonStore" + query="{ name : '*' }"> + </span> + <div id="grid2" dojoType="dojox.grid.Grid" elasticView="2" + model="dataModel2" structure="layoutCountries"> + </div> + +</body> +</html> |