Hotzone"

From Documentation
(2 intermediate revisions by 2 users not shown)
Line 2: Line 2:
  
 
= Hotzone =
 
= Hotzone =
 
+
Deprecated, please use [http://blog.zkoss.org/index.php/2015/01/13/introducing-new-zk-addon-zk-timeline/ new Timeline instead]
*Demonstration: N/A
 
*Java API: N/A
 
*JavaScript API:  N/A
 
  
 
= Employment/Purpose =
 
= Employment/Purpose =
Line 21: Line 18:
 
   import java.util.Date;
 
   import java.util.Date;
 
   import java.util.TimeZone;
 
   import java.util.TimeZone;
 
+
 
   TimeZone zone=TimeZone.getTimeZone("GMT-05");
 
   TimeZone zone=TimeZone.getTimeZone("GMT-05");
 
+
   Date current=new Date(Date.parse("Jun 28 2006 00:00:00 GMT-0500"));
+
   Date current=new Date(Date.parse("Jun 28 2010 00:00:00 GMT-0500"));
 
   //for hotzone of band #1
 
   //for hotzone of band #1
   Date d1=new Date(Date.parse("Aug 01 2006 00:00:00 GMT-0500"));
+
   Date d1=new Date(Date.parse("Nov 01 2010 00:00:00 GMT-0500"));
   Date d2=new Date(Date.parse("Sep 01 2006 00:00:00 GMT-0500"));
+
   Date d2=new Date(Date.parse("Dec 01 2010 00:00:00 GMT-0500"));
   Date d3=new Date(Date.parse("Aug 02 2006 00:00:00 GMT-0500"));
+
   Date d3=new Date(Date.parse("Nov 02 2010 00:00:00 GMT-0500"));
   Date d4=new Date(Date.parse("Aug 04 2006 00:00:00 GMT-0500"));
+
   Date d4=new Date(Date.parse("Nov 04 2010 00:00:00 GMT-0500"));
   Date d5=new Date(Date.parse("Aug 02 2006 06:00:00 GMT-0500"));
+
   Date d5=new Date(Date.parse("Nov 02 2010 06:00:00 GMT-0500"));
   Date d6=new Date(Date.parse("Aug 02 2006 12:00:00 GMT-0500"));
+
   Date d6=new Date(Date.parse("Nov 02 2010 12:00:00 GMT-0500"));
 
+
 
   //for hotzone of band #2
 
   //for hotzone of band #2
   Date d7=new Date(Date.parse("Aug 01 2006 00:00:00 GMT-0500"));
+
   Date d7=new Date(Date.parse("Nov 01 2010 00:00:00 GMT-0500"));
   Date d8=new Date(Date.parse("Sep 01 2006 00:00:00 GMT-0500"));
+
   Date d8=new Date(Date.parse("Dec 01 2010 00:00:00 GMT-0500"));
 
   ]]>
 
   ]]>
 
</zscript>
 
</zscript>
 
<timeline height="300px" width="100%">
 
<timeline height="300px" width="100%">
   <bandinfo width="70%" id="b1" intervalUnit="month"  
+
   <bandinfo width="70%" id="b1" intervalUnit="month"
intervalPixels="100"
+
    intervalPixels="100"
timeZone="${zone}" date="${current}">
+
    timeZone="${zone}" date="${current}">
  <hotzone start="${d1}" end="${d2}" magnify="10" unit="week" />
+
      <hotzone start="${d1}" end="${d2}" magnify="10" unit="week" />
  <hotzone start="${d3}" end="${d4}" magnify="7" unit="day" />
+
      <hotzone start="${d3}" end="${d4}" magnify="7" unit="day" />
  <hotzone start="${d5}" end="${d6}" magnify="5" unit="hour" />
+
      <hotzone start="${d5}" end="${d6}" magnify="5" unit="hour" />
 
   </bandinfo>
 
   </bandinfo>
 
   <bandinfo timeZone="${zone}" date="${current}"
 
   <bandinfo timeZone="${zone}" date="${current}"
width="30%" intervalUnit="year" intervalPixels="200"
+
    width="30%" intervalUnit="year" intervalPixels="200"
syncWith="b1">
+
    syncWith="b1">
<hotzone start="${d7}" end="${d8}" magnify="20" unit="week" />
+
    <hotzone start="${d7}" end="${d8}" magnify="20" unit="week" />
 
   </bandinfo>
 
   </bandinfo>
 
</timeline>
 
</timeline>
Line 57: Line 54:
  
  
=Supported events=
+
=Supported Events=
  
 
{| border="1" | width="100%"
 
{| border="1" | width="100%"
Line 66: Line 63:
 
| None
 
| None
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
  
 
=Supported Children=
 
=Supported Children=
Line 71: Line 69:
 
  *NONE
 
  *NONE
  
=Use cases=
+
=Use Cases=
  
[[ZK_Component_Reference/Diagrams_and_Reports/Timeline#Use_cases | Timeline ]]
+
[[ZK_Component_Reference/Diagrams_and_Reports/Timeline#Use_Cases | Timeline ]]
  
 
=Version History=
 
=Version History=
 
+
{{LastUpdated}}
 
{| border='1px' | width="100%"
 
{| border='1px' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 5.0.2
+
| &nbsp;
| 5/18/2010
+
| &nbsp;
| Initialization
+
| &nbsp;
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Revision as of 02:17, 30 January 2015

Hotzone

Deprecated, please use new Timeline instead

Employment/Purpose

Defines the hotzoneof a bandinfo .

Example

ZKCompRef Timeline2.png

<window id="win">
<zscript>
  <![CDATA[
  import java.util.Date;
  import java.util.TimeZone;
 
  TimeZone zone=TimeZone.getTimeZone("GMT-05");
 
  Date current=new Date(Date.parse("Jun 28 2010 00:00:00 GMT-0500"));
  //for hotzone of band #1
  Date d1=new Date(Date.parse("Nov 01 2010 00:00:00 GMT-0500"));
  Date d2=new Date(Date.parse("Dec 01 2010 00:00:00 GMT-0500"));
  Date d3=new Date(Date.parse("Nov 02 2010 00:00:00 GMT-0500"));
  Date d4=new Date(Date.parse("Nov 04 2010 00:00:00 GMT-0500"));
  Date d5=new Date(Date.parse("Nov 02 2010 06:00:00 GMT-0500"));
  Date d6=new Date(Date.parse("Nov 02 2010 12:00:00 GMT-0500"));
 
  //for hotzone of band #2
  Date d7=new Date(Date.parse("Nov 01 2010 00:00:00 GMT-0500"));
  Date d8=new Date(Date.parse("Dec 01 2010 00:00:00 GMT-0500"));
  ]]>
</zscript>
<timeline height="300px" width="100%">
  <bandinfo width="70%" id="b1" intervalUnit="month"
    intervalPixels="100"
    timeZone="${zone}" date="${current}">
      <hotzone start="${d1}" end="${d2}" magnify="10" unit="week" />
      <hotzone start="${d3}" end="${d4}" magnify="7" unit="day" />
      <hotzone start="${d5}" end="${d6}" magnify="5" unit="hour" />
  </bandinfo>
  <bandinfo timeZone="${zone}" date="${current}"
    width="30%" intervalUnit="year" intervalPixels="200"
    syncWith="b1">
    <hotzone start="${d7}" end="${d8}" magnify="20" unit="week" />
  </bandinfo>
</timeline>
</window>


Supported Events

Name
Event Type
None None

Supported Children

*NONE

Use Cases

Timeline

Version History

Last Update : 2015/01/30


Version Date Content
     



Last Update : 2015/01/30

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.