--- /dev/null
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+ <title>dojox.Grid themes</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";
+ @import "../_grid/soriaGrid.css";
+ @import "../_grid/nihiloGrid.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>
+ <h5>dojox.grid.Grid structure from markup (tundra theme)</h5>
+ <span dojoType="dojox.data.CsvStore"
+ jsId="csvStore" url="support/movies.csv">
+ </span>
+
+ <table class="tundra" 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 (soria theme)</h5>
+
+ <table class="soria" 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, nihilo theme)</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 class="nihilo" id="grid2" dojoType="dojox.grid.Grid" elasticView="2"
+ model="dataModel2" structure="layoutCountries">
+ </div>
+
+</body>
+</html>
projects / eow / blobdiff