blob: 5e1a042f61ed09d6cad78b77ba11c570092d8cdb (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
<?xml version="1.0"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<!DOCTYPE window>
<window orient="vertical" style="border: 2px solid green"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script>
function collapseTag(id)
{
var row = window.document.getElementById(id);
row.setAttribute("collapsed","true");
}
function uncollapseTag(id)
{
var row = window.document.getElementById(id);
row.setAttribute("collapsed","false");
}
</script>
<hbox>
<grid style="border: 2px solid red;" id="grid">
<columns id="columns1">
<column id="column1"/>
<column id="column2"/>
<column id="column3"/>
</columns>
<rows id="rows1" style="font-size: 24pt">
<row id="row1">
<text value="cell1"/>
<text value="cell2"/>
<text value="cell3"/>
</row>
<row id="row2">
<text value="cell4"/>
<text value="cell5"/>
<text value="cell6"/>
</row>
<row id="row3">
<text value="cell7"/>
<text value="cell8"/>
<text value="cell9"/>
</row>
</rows>
</grid>
</hbox>
<hbox>
<button label="collapse row 2" oncommand="collapseTag('row2');"/>
<button label="uncollapse row 2" oncommand="uncollapseTag('row2');"/>
<button label="collapse column 2" oncommand="collapseTag('column2');"/>
<button label="uncollapse column 2" oncommand="uncollapseTag('column2');"/>
</hbox>
</window>
|