DevExpress の ASPxGridView の「一行おきの色」設定

DevExpress　の「一行おきの色」設定のサンプルです。
列が多くなると関係が分かりにくくなるため、
「一行おきの色」設定を行い関係を分かりやすくします。

「ASPxGridView」を使用します。

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

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

＜一行おきの色設定＞

「Enabled=”true”」に変更します。

↓

【生成PG】

<dx:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False" 
    DataSourceID="AccessDataSource1" KeyFieldName="ID" Theme="RedWine" 
    Width="100%">
    <Columns>
        <dx:GridViewCommandColumn ShowClearFilterButton="True" VisibleIndex="0" 
            ShowDeleteButton="True" ShowEditButton="True" ShowNewButtonInHeader="True">
            <CellStyle Wrap="False">
            </CellStyle>
        </dx:GridViewCommandColumn>
        <dx:GridViewDataTextColumn FieldName="ID" ReadOnly="True" VisibleIndex="1" 
            Visible="False">
            <EditFormSettings Visible="False" />
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="地方名" VisibleIndex="2">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="都道府県名" VisibleIndex="3">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="都道府県めい" VisibleIndex="4">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="都道府県MEI" VisibleIndex="5">
            <Settings AutoFilterCondition="Contains" HeaderFilterMode="CheckedList" />
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="県庁所在地名" VisibleIndex="6">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="県庁所在地めい" VisibleIndex="7">
        </dx:GridViewDataTextColumn>
    </Columns>
    <SettingsBehavior AutoFilterRowInputDelay="15000" AllowSelectByRowClick="True" 
        AllowSelectSingleRowOnly="True" />
    <SettingsPager Position="TopAndBottom" Mode="EndlessPaging">
        <AllButton Visible="True">
        </AllButton>
        <FirstPageButton Visible="True">
        </FirstPageButton>
        <LastPageButton Visible="True">
        </LastPageButton>
        <Summary Position="Right" />
        <PageSizeItemSettings Items="5, 10, 15, 20, 25, 30, 35, 40, 45, 50" 
            Visible="True">
        </PageSizeItemSettings>
    </SettingsPager>
    <SettingsEditing Mode="Batch">
        <BatchEditSettings EditMode="Row" StartEditAction="DblClick" />
    </SettingsEditing>
    <Settings ShowGroupedColumns="True" ShowGroupPanel="True" 
        ShowFilterRow="True" ShowHeaderFilterButton="True" />
    <Styles>
        <AlternatingRow Enabled="True">
        </AlternatingRow>
    </Styles>
</dx:ASPxGridView>

<dx:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False"

DataSourceID="AccessDataSource1" KeyFieldName="ID" Theme="RedWine"

Width="100%">

<dx:GridViewCommandColumn ShowClearFilterButton="True" VisibleIndex="0"

ShowDeleteButton="True" ShowEditButton="True" ShowNewButtonInHeader="True">

</CellStyle>

</dx:GridViewCommandColumn>

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

Visible="False">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="地方名" VisibleIndex="2">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="都道府県名" VisibleIndex="3">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="都道府県めい" VisibleIndex="4">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="都道府県MEI" VisibleIndex="5">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="県庁所在地名" VisibleIndex="6">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="県庁所在地めい" VisibleIndex="7">

</dx:GridViewDataTextColumn>

</Columns>

<SettingsBehavior AutoFilterRowInputDelay="15000" AllowSelectByRowClick="True"

AllowSelectSingleRowOnly="True" />

</AllButton>

</FirstPageButton>

</LastPageButton>

<PageSizeItemSettings Items="5, 10, 15, 20, 25, 30, 35, 40, 45, 50"

Visible="True">

</PageSizeItemSettings>

</SettingsPager>

</SettingsEditing>

<Settings ShowGroupedColumns="True" ShowGroupPanel="True"

ShowFilterRow="True" ShowHeaderFilterButton="True" />

</AlternatingRow>

</Styles>

</dx:ASPxGridView>

【自動生成PG】

<Styles>
    <AlternatingRow Enabled="True">
    </AlternatingRow>
</Styles>

</AlternatingRow>

</Styles>

↓

一行おきに色が設定されました。
※淡い赤色はテーマに依存しています。

MENU

最近の投稿

人気記事

MENU

DevExpress の ASPxGridView の「一行おきの色」設定

関連記事はこちら:

最近の投稿

人気記事