tobago-example/tobago-example-demo/src/main/webapp/content/40-test/90000-attic/sheet/Sheet_Multi_Header.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!--
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
-->

<!-- XXX This is an old page. Content might not be up to date. Needs to be refactored, or just deleted. -->
<f:view
    xmlns:tc="http://myfaces.apache.org/tobago/component"
    xmlns:f="http://java.sun.com/jsf/core">

  <tc:page id="page">
    <!-- <tc:gridLayoutConstraint width="802px" height="230px"/> -->
    <f:facet name="layout">
      <tc:gridLayout rows="auto 1fr auto"/>
    </f:facet>

    <tc:script>

      initMultiHeader = function() {
        jQuery("td>span").css("background-color", "white");
        jQuery("td:odd").css("background-color", "#ffbbff");
        jQuery("td:even").css("background-color", "#bbffbb");

        jQuery(".tobago-sheet-headerResize").css({
              "background-color":"red",
              "opacity":0.3
            }
        );
      };

<!--
      Tobago5.Listener.register(initMultiHeader, Tobago5.Phase.DOCUMENT_READY);
      Tobago5.Listener.register(initMultiHeader, Tobago5.Phase.AFTER_UPDATE);
-->

    </tc:script>

    <tc:messages />

    <tc:sheet value="#{sheetTestController.solarArray}" id="sheet" columns="1fr 1fr 1fr 1fr" var="luminary" showRoot="true"
              showRowRange="left" rows="5">

      <f:facet name="header">
        <tc:panel>
          <tc:in value="Single 1"/>
          <tc:out value="Group 2+3">
            <!-- <tc:gridLayoutConstraint columnSpan="2"/> -->
          </tc:out>
          <tc:out value="Rows 4+4">
            <!-- <tc:gridLayoutConstraint rowSpan="2"/> -->
          </tc:out>
          <tc:out value="Group 1+2">
            <!-- <tc:gridLayoutConstraint columnSpan="2"/> -->
          </tc:out>
          <tc:selectOneChoice value="Single 3">
            <tc:selectItem itemLabel="first" itemValue="Single 3"/>
            <tc:selectItem itemLabel="second"/>
            <tc:selectItem itemLabel="third"/>
          </tc:selectOneChoice>
        </tc:panel>
      </f:facet>

      <tc:column label="Name" id="name">
        <tc:in value="#{luminary.name}"/>
      </tc:column>

      <tc:column label="Discoverer" id="discoverer" sortable="true">
        <tc:out value="#{luminary.discoverer}"/>
      </tc:column>

      <tc:column label="Discover Year" id="discoverYear" sortable="true">
        <tc:out value="#{luminary.discoverYear}"/>
      </tc:column>

      <tc:column label="Orbit Of" id="orbit" sortable="true">
        <tc:out value="#{luminary.orbit}"/>
      </tc:column>

    </tc:sheet>

    <tc:panel>
      <f:facet name="layout">
        <tc:gridLayout columns="1fr auto"/>
      </f:facet>

      <tc:panel/>
      <tc:button label="Submit" id="submit"/>
    </tc:panel>

  </tc:page>
</f:view>