DevExpress でのピボットグリッドのテーマ設定

DevExpress でのピボットグリッド（ASPxPivotGrid）のテーマ設定のサンプルです。

現状の画面デザインはこのようになっています。

＜ピボットグリッドのテーマ設定＞

・「ASPxPivotGrid」に対して「Theme=”RedWine”」の設定をします。

【サンプルプログラム】

<div>
    <dx:ASPxPivotGrid ID="ASPxPivotGrid1" runat="server" ClientIDMode="AutoID" 
        DataSourceID="XpoDataSource1" Theme="RedWine">
        <Fields>
            <dx:PivotGridField ID="fieldKINGAKU" Area="DataArea" AreaIndex="0" 
                FieldName="KINGAKU">
            </dx:PivotGridField>
            <dx:PivotGridField ID="fieldAQUREXNAME" Area="RowArea" AreaIndex="0" 
                FieldName="AQUREX_NAME">
            </dx:PivotGridField>
            <dx:PivotGridField ID="fieldSALESEDATE" Area="ColumnArea" AreaIndex="0" 
                FieldName="SALESE_DATE">
            </dx:PivotGridField>
        </Fields>
    </dx:ASPxPivotGrid>
</div>
<div>
    <dx:XpoDataSource ID="XpoDataSource1" runat="server" 
        TypeName="Sample_07.SAMPLE.SALESE_INFO">
    </dx:XpoDataSource>
</div>

<div>

<dx:ASPxPivotGrid ID="ASPxPivotGrid1" runat="server" ClientIDMode="AutoID"

DataSourceID="XpoDataSource1" Theme="RedWine">

<dx:PivotGridField ID="fieldKINGAKU" Area="DataArea" AreaIndex="0"

FieldName="KINGAKU">

</dx:PivotGridField>

<dx:PivotGridField ID="fieldAQUREXNAME" Area="RowArea" AreaIndex="0"

FieldName="AQUREX_NAME">

</dx:PivotGridField>

<dx:PivotGridField ID="fieldSALESEDATE" Area="ColumnArea" AreaIndex="0"

FieldName="SALESE_DATE">

</dx:PivotGridField>

</Fields>

</dx:ASPxPivotGrid>

</div>

<div>

<dx:XpoDataSource ID="XpoDataSource1" runat="server"

TypeName="Sample_07.SAMPLE.SALESE_INFO">

</dx:XpoDataSource>

</div>

それでは、実行して動作確認を行います。

↓

無事にピボットグリッド（ASPxPivotGrid）のテーマ設定が出来ました。

関連記事はこちら:

DevExpress でのピボットグリッドの金額表示フォーマット設定 DevExpress でのピボットグリッド（ASPxPivotGrid）の金額表示フォーマット設定のサンプルです。現状の画面デザインはこのようになっています。今回は金額に対して3桁単位に「,」（カンマ）表示します。 ......
DevExpress でのピボットグリッドのグラフの縦軸タイトル表示設定 DevExpress でのピボットグリッド（ASPxPivotGrid）のグラフ（WebChartControl）の縦軸（Y軸）タイトル表示設定のサンプルです。現状の画面デザインはこのようになっています。＜ピボットグ ......
DevExpress でのピボットグリッドの画面操作パネルポップアップ化手順 DevExpress でのピボットグリッドの画面操作パネル（ASPxPivotCustomizationControl）のポップアップ（ASPxPopupControl）化手順です。ポップアップ化の振る舞いです。＜初 ......
DevExpress でのピボットグリッドの画面操作パネル初期レイアウト設定 DevExpress でのピボットグリッドの画面操作パネル（ASPxPivotCustomizationControl）の初期レイアウト設定サンプルです。現状の画面デザインはこのようになっています。＜画面操作パネルの ......
DevExpress でのピボットグリッドのワード出力設定（RTF） DevExpress でのピボットグリッド（ASPxPivotGrid）のワード出力設定（RTF）のサンプルです。「ファイル出力」は9パターン可能です。 1パターン：エクセル（XLSX） 2パターン：エクセル（XLS） ......
DevExpress でのピボットグリッドのページ状況のフォーマット設定 DevExpress でのピボットグリッド（ASPxPivotGrid）のページ状況のフォーマット設定のサンプルです。現状の画面デザインはこのようになっています。＜ピボットグリッドのページ状況のフォーマット設定＞・ ......
DevExpress でのピボットグリッドの表示件数リスト設定 DevExpress でのピボットグリッド（ASPxPivotGrid）の表示件数リスト設定のサンプルです。現状の画面デザインはこのようになっています。＜ピボットグリッドの表示件数リスト設定＞・「ASPxPivot ......
DevExpress でのピボットグリッドの最大表示設定 DevExpress でのピボットグリッド（ASPxPivotGrid）の最大金額表示設定のサンプルです。現状の画面デザインはこのようになっています。今回は、担当者に対して各日付ごとに最大金額を表示します。＜ピボッ ......
DevExpress でのピボットグリッドの列エリア非表示設定 DevExpress でのピボットグリッド（ASPxPivotGrid）の列エリア非表示設定のサンプルです。現状の画面デザインはこのようになっています。＜ピボットグリッドの列エリア非表示設定＞・「ASPxPivot ......
DevExpress でのピボットグリッドのグラフ凡例の枠色設定 DevExpress でのピボットグリッド（ASPxPivotGrid）のグラフ（WebChartControl）凡例の枠色設定のサンプルです。現状の画面デザインはこのようになっています。＜ピボットグリッドのグラフ凡 ......

投稿タグ: ASPxPivotGrid, XpoDataSource

MENU

最近の投稿

人気記事