layout/xul/grid/examples/collapsetest.xul

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

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

mercurial