DevExpress の ASPxGridView の行選択設定

DevExpress　の　行選択設定のサンプルです。
先日の選択チェックボックスとは別の方法で行選択設定を行います。

別画面でリンク表示

「ASPxGridView」を使用します。

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

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

＜クリックで行選択設定＞

「AllowSelectByRowClick=”True”」に変更します。

↓

【生成PG】

<dx:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False" 
    DataSourceID="AccessDataSource1" KeyFieldName="ID" Theme="RedWine">
    <Columns>
        <dx:GridViewCommandColumn ShowClearFilterButton="True" VisibleIndex="0" 
            ShowDeleteButton="True" ShowEditButton="True" ShowNewButtonInHeader="True">
        </dx:GridViewCommandColumn>
        <dx:GridViewDataTextColumn FieldName="ID" ReadOnly="True" VisibleIndex="1">
            <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" />
    <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="Batch">
        <BatchEditSettings EditMode="Row" StartEditAction="DblClick" />
    </SettingsEditing>
    <Settings ShowGroupedColumns="True" ShowGroupPanel="True" 
        ShowFilterRow="True" ShowHeaderFilterButton="True" />
</dx:ASPxGridView>

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

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

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

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

</dx:GridViewCommandColumn>

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

</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" />

</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" />

</dx:ASPxGridView>

【自動生成PG】

<SettingsBehavior AllowSelectByRowClick="True" />

1	<SettingsBehavior AllowSelectByRowClick="True" />

↓

セルをクリックすると行が選択されます。

＜1行選択画面＞

「岩手県」のセルをクリックします。

＜複数行選択画面＞

「CTRL」を押下し「岩手県」、「秋田県」、「山形県」のセルをクリックします。

＜ダブルクリックで入力モードに切り替え＞

余談ですが、セルをダブルクリックすると入力モードに切り替えします。
「岩手県」のセルをダブルクリックします。

別画面でリンク表示

MENU

最近の投稿

人気記事

MENU

DevExpress の ASPxGridView の行選択設定

関連記事はこちら:

最近の投稿

人気記事