DevExpress の ASPxButton のリンクレイアウト設定

DevExpress のリンクレイアウト設定のサンプルです。
今回はボタンレイアウトをリンクレイアウトに設定します。

「ASPxButton」を使用します。

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

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

＜リンクレイアウト設定＞

「RenderMode=”Link”」に変更します。

↓

【生成PG】

<body>
    <form id="form1" runat="server">
    <br />
    <div>
        <dx:ASPxButton ID="ASPxButton1" runat="server" Text="ボタン１" Theme="RedWine">
        </dx:ASPxButton>
        <dx:ASPxButton ID="ASPxButton2" runat="server" Text="ボタン２" Theme="RedWine" 
            RenderMode="Link">
        </dx:ASPxButton>
        <dx:ASPxButton ID="ASPxButton3" runat="server" Text="ボタン３" Theme="RedWine">
        </dx:ASPxButton>
    </div>
    </form>
</body>

<body>

<br />

<div>

<dx:ASPxButton ID="ASPxButton1" runat="server" Text="ボタン１" Theme="RedWine">

</dx:ASPxButton>

<dx:ASPxButton ID="ASPxButton2" runat="server" Text="ボタン２" Theme="RedWine"

RenderMode="Link">

</dx:ASPxButton>

<dx:ASPxButton ID="ASPxButton3" runat="server" Text="ボタン３" Theme="RedWine">

</dx:ASPxButton>

</div>

</form>

</body>

【自動生成PG】

<dx:ASPxButton ID="ASPxButton2" runat="server" Text="ボタン２" Theme="RedWine" 
    RenderMode="Link">

1 2	<dx:ASPxButton ID="ASPxButton2" runat="server" Text="ボタン２" Theme="RedWine" RenderMode="Link">

↓

「ボタン２」のレイアウトがリンク表示されます。

関連記事はこちら:

DevExpress の ASPxGridView のエクセル出力設定（XLS） DevExpress　のエクセル出力設定のサンプルです。今回はボタンを用意して、ボタンクリックでエクセル出力（XLS）を行います。過去のブログ（XLSX出力）を流用しています。別画面でリンク表示「ファイル出力」は ......
DevExpress の ASPxPopupControl でのモーダル重ね設定 DevExpress の ASPxPopupControl でのモーダル重ね設定のサンプルです。モーダル画面にモーダル画面を表示することも可能です。今回は、「OK」ボタンクリック時に確認画面を表示させます。「ASP ......
DevExpress の ASPxPopupControl でのモーダル背景色設定 DevExpress の ASPxPopupControl でのモーダル背景色設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxPopupControl」オブジェクトのプロパティを変更していき ......
DevExpress の ASPxPopupControl でのヘッダー最大化ボタン表示設定 DevExpress の ASPxPopupControl でのヘッダー最大化ボタン表示設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxPopupControl」オブジェクトのプロパティを変 ......
DevExpress の ASPxPopupControl でのモーダル設定 DevExpress の ASPxPopupControl でのモーダル設定のサンプルです。デフォルトではモードレス設定ですので、元画面の操作が可能です。今回は、モーダル設定を行い、元画面の操作を不可能にします。現 ......
DevExpress の ASPxPopupControl を非表示（キー制御） DevExpress の ASPxPopupControl を非表示（キー制御）のサンプルです。ポップアップを非表示（閉じる）方法としては3案あります。 1案目：JavaScript制御 2案目：プロパティ制御 3案目 ......
DevExpress の ASPxButton から ASPxGridView の「登録/更新/削除」実行設定（リンク風） DevExpress のボタンからグリッドの「登録/更新/削除」実行設定（リンク風）のサンプルです。ボタンのリンクレイアウトは過去のブログにも記載しています。別画面でリンク表示「ASPxGridView」、「ASP ......
DevExpress の ASPxButton から ASPxGridView の「新規」実行設定 DevExpress のボタンからグリッドの「新規」実行設定のサンプルです。事前の設定準備が必要ですので、先日の実施準備を行っておいて下さい。別画面でリンク表示設定する内容は3点です。 1点目：ボタンを配置 2点目 ......
DevExpress の ASPxGridView のアクロバット出力設定（PDF） DevExpress　のアクロバット出力設定のサンプルです。今回はボタンを用意して、ボタンクリックでアクロバット出力（PDF）を行います。過去のブログ（XLSX出力）を流用しています。別画面でリンク表示「ファイル ......
DevExpress の ASPxPopupControl での表示位置設定（縦）追加 DevExpress の ASPxPopupControl での表示位置設定（縦）追加のサンプルです。今回は、ボタンを中心にして表示位置を設定します。「ASPxPopupControl」の表示位置設定（縦）で画面中央 ......

投稿タグ: ASPxButton

MENU

最近の投稿

人気記事