DevExpress の ASPxGridLookup でのグループ化項目の表示設定

DevExpress の ASPxGridLookup でのグループ化項目の表示設定のサンプルです。

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

「ASPxGridLookup」オブジェクトのプロパティを変更していきます。
※プロパティ画像は「グループ表示」

＜グループ化項目の表示設定＞

「ShowGroupedColumns=”True”」を設定します。

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dx:ASPxGridLookup ID="ASPxGridLookup1" runat="server" 
        AutoGenerateColumns="False" DataSourceID="XpoDataSource1" 
        KeyFieldName="ID" Theme="RedWine" Caption="県庁名選択" 
        TextFormatString="{2}の{5}です。" Width="300px" HelpText="※県庁名を選択して下さい" 
        NullText="県庁名未選択">
        <GridViewProperties Caption="県庁一覧">
            <SettingsBehavior AllowFocusedRow="True" AllowSelectSingleRowOnly="True" 
                FilterRowMode="OnClick"></SettingsBehavior>
            <SettingsPager PageSize="15">
                <FirstPageButton Visible="True">
                </FirstPageButton>
                <LastPageButton Visible="True">
                </LastPageButton>
                <Summary Text="{0} / {1} ({2} 件)" />
                <PageSizeItemSettings Items="10, 15, 20, 25" Visible="True" 
                    Caption="表示数">
                </PageSizeItemSettings>
            </SettingsPager>
            <Settings ShowFilterRow="True" ShowHeaderFilterButton="True" 
                ShowGroupPanel="True" GroupFormat="【{1}】" ShowGroupedColumns="True" />
            <SettingsText GroupPanel="グループ化する場合は、ここに列を移動させて下さい。" />
        </GridViewProperties>
        <Columns>
            <dx:GridViewDataTextColumn FieldName="ID" ReadOnly="True" VisibleIndex="0" 
                Visible="False">
            </dx:GridViewDataTextColumn>
            <dx:GridViewDataTextColumn FieldName="CHIHO_ID.CHIHOMEI" VisibleIndex="1" 
                Caption="地方名">
                <Settings HeaderFilterMode="CheckedList" />
            </dx:GridViewDataTextColumn>
            <dx:GridViewDataTextColumn FieldName="KENMEI_KANN" VisibleIndex="2" 
                Caption="県名（漢字）">
            </dx:GridViewDataTextColumn>
            <dx:GridViewDataTextColumn FieldName="KENMEI_KANA" VisibleIndex="3" 
                Caption="県名（かな）">
                <Settings AllowAutoFilter="False" />
            </dx:GridViewDataTextColumn>
            <dx:GridViewDataTextColumn FieldName="KENMEI_ROMA" VisibleIndex="4" 
                Caption="県名（ローマ字）">
                <Settings AutoFilterCondition="Contains" />
            </dx:GridViewDataTextColumn>
            <dx:GridViewDataTextColumn FieldName="KENCYO_KANN" VisibleIndex="5" 
                Caption="県庁名（漢字）">
            </dx:GridViewDataTextColumn>
            <dx:GridViewDataTextColumn FieldName="KENCYO_KANA" VisibleIndex="6" 
                Caption="県庁名（かな）">
            </dx:GridViewDataTextColumn>
        </Columns>
        <GridViewStyles>
            <Cell Wrap="False">
            </Cell>
        </GridViewStyles>
        <HelpTextSettings DisplayMode="Popup">
        </HelpTextSettings>
        <CaptionSettings Position="Top" HorizontalAlign="Center" ShowColon="False" />
        <CaptionStyle Font-Bold="True" Font-Size="Medium" ForeColor="Blue">
        </CaptionStyle>
    </dx:ASPxGridLookup>
    <dx:XpoDataSource ID="XpoDataSource1" runat="server" 
        TypeName="Sample_01.SAMPLE.TABLEKEN">
    </dx:XpoDataSource>
</div>
</form>

<div>

<dx:ASPxGridLookup ID="ASPxGridLookup1" runat="server"

AutoGenerateColumns="False" DataSourceID="XpoDataSource1"

KeyFieldName="ID" Theme="RedWine" Caption="県庁名選択"

TextFormatString="{2}の{5}です。" Width="300px" HelpText="※県庁名を選択して下さい"

NullText="県庁名未選択">

<SettingsBehavior AllowFocusedRow="True" AllowSelectSingleRowOnly="True"

FilterRowMode="OnClick"></SettingsBehavior>

</FirstPageButton>

</LastPageButton>

<PageSizeItemSettings Items="10, 15, 20, 25" Visible="True"

Caption="表示数">

</PageSizeItemSettings>

</SettingsPager>

<Settings ShowFilterRow="True" ShowHeaderFilterButton="True"

ShowGroupPanel="True" GroupFormat="【{1}】" ShowGroupedColumns="True" />

</GridViewProperties>

<dx:GridViewDataTextColumn FieldName="ID" ReadOnly="True" VisibleIndex="0"

Visible="False">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="CHIHO_ID.CHIHOMEI" VisibleIndex="1"

Caption="地方名">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="KENMEI_KANN" VisibleIndex="2"

Caption="県名（漢字）">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="KENMEI_KANA" VisibleIndex="3"

Caption="県名（かな）">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="KENMEI_ROMA" VisibleIndex="4"

Caption="県名（ローマ字）">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="KENCYO_KANN" VisibleIndex="5"

Caption="県庁名（漢字）">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="KENCYO_KANA" VisibleIndex="6"

Caption="県庁名（かな）">

</dx:GridViewDataTextColumn>

</Columns>

</Cell>

</GridViewStyles>

</HelpTextSettings>

</CaptionStyle>

</dx:ASPxGridLookup>

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

TypeName="Sample_01.SAMPLE.TABLEKEN">

</dx:XpoDataSource>

</div>

</form>

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

↓

無事にグリッド表示のコンボボックス（ASPxGridLookup）でグループ化の「地方名」が表示されました。

※グループ化している「地方名」列を一覧で表示（「近畿」が表示されている）

MENU

最近の投稿

人気記事

MENU

DevExpress の ASPxGridLookup でのグループ化項目の表示設定

関連記事はこちら:

最近の投稿

人気記事