DevExpress の ASPxGridView の列背景色設定

DevExpress　の列背景色設定のサンプルです。
今回は「編集削除」項目列の背景色を朱色に設定します。

「ASPxGridView」を使用します。

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

＜列固定表示設定＞

「＞」アイコン上で左クリックを行いメニューを表示させます。

↓

「Columns…」を選択します。

↓

「#」を選択して「CellStyle」の「BackColor」項目を開き、
「BackColor=”#FFCCCC”」に変更します。

↓

【生成PG】

<dx:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False" 
    DataSourceID="AccessDataSource1" KeyFieldName="ID" Theme="RedWine" 
    Width="100%" ClientInstanceName="grid">
    <Columns>
        <dx:GridViewCommandColumn ShowClearFilterButton="True" VisibleIndex="0" 
            ShowDeleteButton="True" ShowEditButton="True" ShowNewButtonInHeader="True" 
            FixedStyle="Left">
            <CellStyle Wrap="False" BackColor="#FFCCCC">
            </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" Width="120px">
        </dx:GridViewDataTextColumn>
    </Columns>
    <SettingsBehavior AutoFilterRowInputDelay="15000" AllowSelectByRowClick="True" 
        AllowSelectSingleRowOnly="True" ConfirmDelete="True" />
    <SettingsPager Position="TopAndBottom">
        <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="PopupEditForm">
        <BatchEditSettings EditMode="Row" StartEditAction="DblClick" />
    </SettingsEditing>
    <Settings ShowGroupedColumns="True" ShowGroupPanel="True" 
        ShowFilterRow="True" ShowHeaderFilterButton="True" 
        HorizontalScrollBarMode="Visible" VerticalScrollBarMode="Visible" />
    <SettingsText ConfirmDelete="対象データを削除しますが宜しいですか？" />
    <Styles>
        <AlternatingRow Enabled="True">
        </AlternatingRow>
    </Styles>
</dx:ASPxGridView>

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

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

Width="100%" ClientInstanceName="grid">

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

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

FixedStyle="Left">

</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" Width="120px">

</dx:GridViewDataTextColumn>

</Columns>

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

AllowSelectSingleRowOnly="True" ConfirmDelete="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"

HorizontalScrollBarMode="Visible" VerticalScrollBarMode="Visible" />

</AlternatingRow>

</Styles>

</dx:ASPxGridView>

【自動生成PG】

<dx:GridViewCommandColumn ShowClearFilterButton="True" VisibleIndex="0" 
    ShowDeleteButton="True" ShowEditButton="True" ShowNewButtonInHeader="True" 
    FixedStyle="Left">
    <CellStyle Wrap="False" BackColor="#FFCCCC">
    </CellStyle>
</dx:GridViewCommandColumn>

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

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

FixedStyle="Left">

</CellStyle>

</dx:GridViewCommandColumn>

「編集削除」項目列の背景色が朱色になりました。

MENU

最近の投稿

人気記事

MENU

DevExpress の ASPxGridView の列背景色設定

関連記事はこちら:

最近の投稿

人気記事