Ticket #6130: gridScroll.html

File gridScroll.html, 2.4 kB (added by guest, 10 months ago)

Simple page that can be used to demonstrate the problem

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html">
5    <script type="text/javascript" src="/js/dojotoolkit/dojo/dojo.js" djConfig="parseOnLoad: true, isDebug: true"></script>
6    <script type="text/javascript">
7        dojo.require("dojo.parser");
8        dojo.require("dojox.grid.Grid");
9        dojo.require("dojox.grid._data.model");
10        var colsView = {
11                cells: [[
12                { name: 'Part Nr.', field: 'partno', width: '4em' },
13                { name: 'Description', field: 'desc', width: '40em' },
14                { name: 'Availablity', field: 'avail' },
15                { name: 'Unit price', field: 'price' },
16                { name: 'Supplier', field: 'supplier', width: '20em' },
17                { name: 'Material', field: 'material', width: '20em' },
18                { name: 'Bulk discount', field: 'disc', width: '20em' }
19                ]]
20        };
21        var layout = [ colsView ];
22        var data = [
23        {
24                partno: "1234",
25                desc: "Thingummy for cleaning desktops",
26                avail: "Immediate",
27                price: 10.99,
28                supplier: "In-house",
29                material: "Cotton",
30                disc: "No"
31        },
32        {
33                partno: "2345",
34                desc: "Ultimate multi-purpose tool",
35                avail: "3 months",
36                price: 99.99,
37                supplier: "In-house",
38                material: "Hand-crafted from stainless steel",
39                disc: "Yes, 10% > 10, 30% > 50"
40        },
41        {
42                partno: "3234",
43                desc: "Another thingummy for cleaning desktops",
44                avail: "Immediate",
45                price: 18.99,
46                supplier: "In-house",
47                material: "Feathers",
48                disc: "No"
49        },
50        {
51                partno: "3235",
52                desc: "Widget with no real use, but an extra long description to justify using a wide column",
53                avail: "Two weeks",
54                price: 999.99,
55                supplier: "Dummy Corp, 200 Rip-off Boulevard",
56                material: "Insubstantial",
57                disc: "Yes, 1% on orders over 1,000,000"
58        }];
59        dojo.addOnLoad(
60                function ()
61                {
62                        scrollGrid.setStructure(layout);
63                        var scrollModel = new dojox.grid.data.Objects(null, data);
64                        scrollGrid.setModel(scrollModel);
65                        scrollGrid.refresh();
66                }
67                );
68    </script>
69    <style type="text/css">
70        @import "/js/dojotoolkit/dojo/resources/dojo.css";
71        @import "/js/dojotoolkit/dijit/themes/tundra/tundra.css";
72        @import "/js/dojotoolkit/dojox/grid/_grid/tundraGrid.css";
73html, body, #divScrollGrid {
74    width: 100%; height: 100%;
75    border: 0; padding: 0; margin: 0;
76 }
77    </style>
78</head>
79<body class="tundra">
80<div dojoType="dojox.Grid" id="divScrollGrid" jsId="scrollGrid"></div>
81</div>
82</body>
83</html>