Page History

Versions Compared

Key

This line was added.
This line was removed.
Formatting was changed.

...

Expand

title	ここをクリックして展開する

子要素	値	説明
id	1	XML内でタブを特定するために使用するユニークな数字です。この数字は、タブを特定するために、URL内でも使用します。例えば、idが1の場合、URLは以下のようになります。 http://localhost:7171/DashboardPortal/dashboard.jsp?id=1
filter		タブ上で使用するフィルターの詳細が含まれます。このシナリオでは、ダッシュボードコンテンツを制御する日付フィルターです。より詳細な情報は、日付を参照してください。
exportlist		ダッシュボード、または個別のレポート上で使用されるすべてのエクスポートボタンの詳細が含まれます。より詳細な情報は、エクスポートボタンウィジェットを参照してください。
report		タブ上に表示する単一レポートに関する情報が含まれます。より詳細な情報は、グラフを参照してください。

XMLの例

Expand

title	ここをクリックして展開する

Code Block

language	xml

<application-definition>
    <dashboard>
        <id>1</id>
         
        <!-- Year Filters -->
        <filter>
            <sync>true</sync>
            <datatype>DATE</datatype>
            <name>dateFilter</name>
            <operator>BETWEEN</operator>
            <styleClass>topFilter</styleClass>
            <options>
                <title>All Time</title>
                <value>1900-01-01\|2100-01-01</value>
                <defaultOption>true</defaultOption>
            </options>
            <options>
                <title>Year</title>
                <typeCode>PREDEF</typeCode>
                <value>YEARTODATE</value>
            </options>
            <options>
                <title>Month</title>
                <typeCode>PREDEF</typeCode>
                <value>MONTHTODATE</value>
            </options>
            <options>
                <title>Custom</title>
                <prompt>true</prompt>
            </options>
        </filter>    
         
        <!-- Export Buttons (Print, PDF, XLS) -->
        <exportlist>
            <export>
                <styleClass>printExport</styleClass>
                <exporttype>PRINT</exporttype>
            </export>
            <export>
                <styleClass>pdfExport</styleClass>
                <exporttype>PDF</exporttype>
            </export>
        </exportlist>    
             
        <!-- Canvas Chart -->
        <report>
            <display>CHART</display>
            <uuid>898e21f9-5acd-4b03-943c-25feca2c23c2</uuid>
            <styleClass>canvasChart</styleClass>
            <filterMap>
                <filterUUID>071367c9-9cad-46c6-94d8-f4821c61d90e</filterUUID>
                <mapToFilter>dateFilter</mapToFilter>
            </filterMap>
        </report>    
 
    </dashboard>
    <!-- End of the Example -->  
</application-definition>

...

Expand

title	ここをクリックして展開する

子要素	値	説明
`styleClass`		コンポーネントにスタイリングを適用するために使用する、CSSクラス名が含まれます。
`name`		XML内で参照するためのサブタブの名前です。
`options`		サブタブ内で表示されるコンテンツやレポートを定義するためのノードが含まれます。`<options>` ノードの説明を参照してください。

サブタブ内で使用します。

子要素	値	説明
`title`	Booking Stats	サブタブを選択するためのテキストラベルです。（レポートのサブタブセット間を切り替えるために使用します）
`description`	Email, Phone, and Website	サブタブのサブタブタイトルの下部に表示される説明文です。
`icon`	<![CDATA[<div class="subtabBookingIcon"></div>]]>	サブタブボタン内のアイコンを含む参照先を含めます。例： < ! [ CDATA [ < div class = "subtabBookingIcon" > < / div > ] ] >

XMLの例

Expand

title	ここをクリックして展開する

Code Block

language	xml

<!-- Start of Sub Tabs -->
<subtab>
    <styleClass>subTabs</styleClass>
    <name>Ski Team</name>
     
    <!-- Booking Stats Tab -->
    <options>
        <prompt>false</prompt>
        <title>Booking Stats</title>
        <description>Email, Phone, and Website</description>
        <icon><![CDATA[<div class="subtabBookingIcon"></div>]]></icon>
        <subcontent>
            <styleClass>subTabOne</styleClass>
            <name>Booking Stats</name>
             
            <!-- Canvas Chart -->
            <report>
                <display>CHART</display>
                <uuid>898e21f9-5acd-4b03-943c-25feca2c23c2</uuid>
                <styleClass>canvasChart</styleClass>
                <filterMap>
                    <filterUUID>071367c9-9cad-46c6-94d8-f4821c61d90e</filterUUID>
                    <mapToFilter>dateFilter</mapToFilter>
                </filterMap>
            </report>    
            <!-- Line Chart -->
            <report>
                <display>CHART</display>
                <title>Athlete Bookings over Time</title>
                <uuid>d1f779fb-7dbf-42e2-8e6a-bc7dc84ae04f</uuid>
                <styleClass>fullWidthChart</styleClass>
                <filterMap>
                    <filterUUID>a0bfc7f6-1550-4f4d-a3c5-031b20c1a942</filterUUID>
                    <mapToFilter>dateFilter</mapToFilter>
                </filterMap>
            </report>                    
        </subcontent>
    </options>
     
    <!-- Athletes Tab -->
    <options>
        <prompt>false</prompt>
        <title>Athletes</title>
        <description>Demographic &amp; Sales</description>
        <icon><![CDATA[<div class="subtabAthletesIcon"></div>]]></icon>
        <subcontent>
            <!-- Content Removed For Simplification -->      
             
        </subcontent>
    </options>
     
    <!-- Ski Camps Tab -->
    <options>
        <prompt>false</prompt>
        <title>Ski Camps</title>
        <description>Stats for each Site</description>
        <icon><![CDATA[<div class="subtabSkiCampsIcon"></div>]]></icon>
        <subcontent>
        <!-- Content Removed For Simplification -->
             
        </subcontent>
    </options>
</subtab>

...

Expand

title	ここをクリックして展開する

子要素	値	説明
sync	true	この設定をtrueにすると、このフィルターの値を他のダッシュボードに渡すことを許可することになります。
datatype	DATE	フィルターオプションを適用するために、日付タイプを返す必要がある、ということを指定しています。
name	dateFilter	値を受け取るレポート上で使用する<filterMap> ノードを識別するために使用しているフィルターの名前を含めます。
operator	BETWEEN	フィルターの演算子を指定します。これは、フィルターの値を渡したいレポート内で使用されている演算子と互換性がなければなりません。 BETWEENは、2つの値が想定されています。このオプションは、「〜の間」や「〜の間でない」に限らず、レポートに定義された演算子を使用する必要があります。
styleClass	topFilter	コンポーネントにスタイリングを適用するために使用する、CSSクラス名を含めます。
options		コンテンツの表示と、考え得る値を定義するためのノードを含めます。ユーザーに表示される各オプションは、独自の<option>ノードを持つ必要があります。この例では、年、月、カスタムオプションを使用しています。<options>ノードの説明を参照してください。

<options> (Custom)

子要素	値	説明
title	Custom	フィルターに表示するラベルです。表示するテキスト名に適用されます。
prompt	true	このオプションを指定することで、ユーザーが値を入力できるようにします。事前に定義された値は持ちません。この例では、プロンプトを使用しているので、<value> ノードのために値を提供する必要はありません。フィルターが日付として定義されているため、ユーザーには日付選択カレンダーが表示されます。（これには、CSSを使用してスタイルを適用することができます）

<options> (Year)

子要素	値	説明
title	Year	フィルターに表示するラベルです。表示するテキスト名に適用されます。
typecode	PREDEF	このオプションには、定義された日付範囲で、あらかじめ定義された値をフィルターに使用することを定義します。それから、<value> ノード内で、どの定義を使用するのか特定する必要があります。
value	YEARTODATE	YEARTODATEは、現在の年の最初の日付から、現在の日付、という事前に定義された日付範囲を使用します。

<options> (Month)

子要素	値	説明
title	Month	フィルターに表示するラベルです。表示するテキスト名に適用されます。
typecode	PREDEF	このオプションには、定義された日付範囲で、あらかじめ定義された値をフィルターに使用することを定義します。それから、<value> ノード内で、どの定義を使用するのか特定する必要があります。
value	MONTHTODATE	MONTHTODATEは、現在の月の最初の日付から、現在の日付という事前に定義された日付範囲を使用します。

<options> (All Time)

子要素	値	説明
title	All Time	フィルターに表示するラベルです。表示するテキスト名に適用されます。
value	1900-01-01\\|2100-01-01	ここでは、データセット内のすべてのデータを効果的に包括するために、日付範囲の設定を1900年1月1日から2100年1月1日までにとして定義しています。
defaultOption	true	ダッシュボードのデフォルト選択のオプションを指定します。デフォルトととして設定することができるのは、ひとつの<option> ノードのみで、残りはfalseにするか、このノードを省略します。

...

XMLの例

Expand

title	ここをクリックして展開する

Code Block

language	xml

<!-- Year Filters -->
<filter>
    <sync>true</sync>
    <datatype>DATE</datatype>
    <name>dateFilter</name>
    <operator>BETWEEN</operator>
    <styleClass>topFilter</styleClass>
    <options>
        <title>All Time</title>
        <value>1900-01-01\|2100-01-01</value>
        <defaultOption>true</defaultOption>
    </options>
    <options>
        <title>Year</title>
        <typeCode>PREDEF</typeCode>
        <value>YEARTODATE</value>
    </options>
    <options>
        <title>Month</title>
        <typeCode>PREDEF</typeCode>
        <value>MONTHTODATE</value>
    </options>
    <options>
        <title>Custom</title>
        <prompt>true</prompt>
    </options>
</filter>

...

Content

Space Tools

Versions Compared

Old Version 6

New Version 7

Key