DevExpress でのコンボボックスの一覧タイトル非表示設定

DevExpress でのコンボボックス（ASPxComboBox）の一覧タイトル非表示設定のサンプルです。

DB接続（カラム指定）のみ複数列が可能です。

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

＜コンボボックスの一覧タイトル非表示設定＞

・一覧タイトル非表示はCSSで制御します。

・タグ（セレクタ部分）は「.dxeListBox_RedWine .dxeHLC, .dxeListBox_RedWine .dxeHC, .dxeListBox_RedWine .dxeHFC」で「display: none;」を設定します。
※「.dxeListBox_RedWine」の「RedWine」部分は設定テーマを設定します。（３か所）
別のテーマを設定している場合、「RedWine」部分を設定しているテーマに変更して下さい。

【サンプルプログラム】

<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        .dxeListBox_RedWine .dxeHLC, .dxeListBox_RedWine .dxeHC, .dxeListBox_RedWine .dxeHFC
        {
            display: none;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <dx:ASPxComboBox ID="ASPxComboBox1" runat="server" DataSourceID="XpoDataSource1" Caption="出身地" DropDownRows="10" EnableTheming="True" Font-Size="Medium" Height="40px" Theme="RedWine" Width="250px">
            <Columns>
                <dx:ListBoxColumn Caption="地方名" FieldName="CHIHO_ID.CHIHOMEI">
                </dx:ListBoxColumn>
                <dx:ListBoxColumn Caption="都道府県名" FieldName="KENMEI_KANN">
                </dx:ListBoxColumn>
                <dx:ListBoxColumn Caption="県庁所在地名" FieldName="KENCYO_KANN">
                </dx:ListBoxColumn>
            </Columns>
            <DropDownButton Text="▼">
            </DropDownButton>
            <CaptionSettings VerticalAlign="Middle" />
        </dx:ASPxComboBox>
        <dx:XpoDataSource ID="XpoDataSource1" runat="server" TypeName="Sample_24.ORACLEDB.TABLEKEN"></dx:XpoDataSource>
    </div>
    </form>
</body>

.dxeListBox_RedWine .dxeHLC, .dxeListBox_RedWine .dxeHC, .dxeListBox_RedWine .dxeHFC

{

display: none;

}

</style>

</head>

<body>

<div>

<dx:ASPxComboBox ID="ASPxComboBox1" runat="server" DataSourceID="XpoDataSource1" Caption="出身地" DropDownRows="10" EnableTheming="True" Font-Size="Medium" Height="40px" Theme="RedWine" Width="250px">

<dx:ListBoxColumn Caption="地方名" FieldName="CHIHO_ID.CHIHOMEI">

</dx:ListBoxColumn>

<dx:ListBoxColumn Caption="都道府県名" FieldName="KENMEI_KANN">

</dx:ListBoxColumn>

<dx:ListBoxColumn Caption="県庁所在地名" FieldName="KENCYO_KANN">

</dx:ListBoxColumn>

</Columns>

</DropDownButton>

</dx:ASPxComboBox>

<dx:XpoDataSource ID="XpoDataSource1" runat="server" TypeName="Sample_24.ORACLEDB.TABLEKEN"></dx:XpoDataSource>

</div>

</form>

</body>

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

↓

・・・

無事にコンボボックス（ASPxComboBox）の一覧タイトル非表示設定が出来ました。

関連記事はこちら:

DevExpress でのコンボボックスの選択結果テキスト設定（表示テキスト一部固定文字） DevExpress でのコンボボックス（ASPxComboBox）の選択結果テキスト設定（表示テキスト一部固定文字）のサンプルです。 DB接続（カラム指定）のみ複数列が可能です。現状の画面デザインはこのようになってい ......
DevExpress でのコンボボックスの選択結果テキスト設定（表示テキスト項目削除） DevExpress でのコンボボックス（ASPxComboBox）の選択結果テキスト設定（表示テキスト項目削除）のサンプルです。 DB接続（カラム指定）のみ複数列が可能です。現状の画面デザインはこのようになっています ......
DevExpress でのコンボボックスのリレーション先項目表示設定 DevExpress でのコンボボックス（ASPxComboBox）のリレーション先項目表示設定のサンプルです。 DB接続（カラム指定）のみ複数列が可能です。現状の画面デザインはこのようになっています。＜コンボボック ......
DevExpress でのコンボボックスの複数列設定 DevExpress でのコンボボックス（ASPxComboBox）の複数列設定のサンプルです。 DB接続（カラム指定）のみ複数列が可能です。現状の画面デザインはこのようになっています。＜コンボボックスの複数列設定＞ ......
DevExpress でのコンボボックスのDB読み込みサンプル作成手順 DevExpress でのコンボボックスのDB読み込みサンプル作成（ASPxComboBox）手順サンプルです。今回は、「XPO」でDBアクセスしますのでサンプル作成までの手順は5点です。・プロジェクト作成（DevE ......
DevExpress の ASPxScheduler での「週」ビュー「詳細」ボタン非表示設定 DevExpress の ASPxScheduler での「週」ビューの「詳細」ボタン非表示設定のサンプルです。現状の画面デザインはこのようになっています。セルに載り切れない予定がある場合は、「詳細を表示」ボタンが表 ......
DevExpress の ASPxScheduler でのモーダル背景色の透明度設定 DevExpress の ASPxScheduler でのモーダル背景色の透明度設定のサンプルです。現状の画面デザインはこのようになっています。＜モーダル背景色の透明度設定＞・「Opacity=”100 ......
DevExpress の ASPxGridLookup でのグループ化項目の表示設定 DevExpress の ASPxGridLookup でのグループ化項目の表示設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxGridLookup」オブジェクトのプロパティを変更していきま ......
DevExpress の ASPxGridLookup でのデフォルト設定の機能 DevExpress の ASPxGridLookup でのデフォルト設定の機能では、下記3機能を使用することが出来ます。・列移動可能・列ソート可能・ページ移動可能現状の画面デザインはこのようになっています。 ......
DevExpress の XPCollection でのデータ取得（範囲条件） DevExpress の XPCollection でのデータ取得（範囲条件）です。 VB.net（サーバ側）からXPO経由でデータ取得する手順です。現状の画面デザインはこのようになっています。ボタンを配置してVB. ......

投稿タグ: ASPxComboBox, CSS, XpoDataSource

MENU

最近の投稿

人気記事