DevExpress でのハイパーリンク（ASPxHyperLink）のサンプル作成

DevExpress でのハイパーリンク（ASPxHyperLink）のサンプル作成手順です。

＜ハイパーリンク（ASPxHyperLink）のサンプル作成＞

・プロジェクト作成のため、「ASP.NET Web アプリケーション(.NET Framework)」を選択し、「次へ」ボタンをクリックします。
※DB接続しないため、「DevExpress v19.2 Template Gallery」は不要

・プロジェクト情報を入力し、「作成」ボタンをクリックします。

・「空」を選択し、「作成」ボタンをクリックします。

↓

・コンテキストメニューから「追加」→「新しい項目」を選択します。

↓

・「Visual Basic」→「Web」→「Web Forms」の「Web フォーム」を選択し、「追加」ボタンをクリックします。

↓

・ツールボックスから「DX.19.2:Common Controls」から「ASPxHyperLink」をドラッグして指示します。
※「DX.19.2」はDevExpressのバージョンです。

・改行コード、「ASPxHyperLink」を2回追加します。

・「ASPxHyperLink」のプロパティから「Text=”アキュラホームページ”」を設定します。

・残り2個も同じように設定します。

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxHyperLink ID="ASPxHyperLink1" runat="server" Text="アキュラホームページ">
        </dx:ASPxHyperLink>
        <br />
        <dx:ASPxHyperLink ID="ASPxHyperLink2" runat="server" Text="アキュラのブログ（ASPxGridView）">
        </dx:ASPxHyperLink>
        <br />
        <dx:ASPxHyperLink ID="ASPxHyperLink3" runat="server" Text="アキュラのブログ（ASPxComboBox）">
        </dx:ASPxHyperLink>
    </div>
</form>

<div>

<dx:ASPxHyperLink ID="ASPxHyperLink1" runat="server" Text="アキュラホームページ">

</dx:ASPxHyperLink>

<br />

<dx:ASPxHyperLink ID="ASPxHyperLink2" runat="server" Text="アキュラのブログ（ASPxGridView）">

</dx:ASPxHyperLink>

<br />

<dx:ASPxHyperLink ID="ASPxHyperLink3" runat="server" Text="アキュラのブログ（ASPxComboBox）">

</dx:ASPxHyperLink>

</div>

</form>

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

※リンク先を設定していないため、クリックしても移動しません。

無事にハイパーリンク（ASPxHyperLink）が表示できました。

関連記事はこちら:

DevExpress の ASPxHyperLink のデザイン（テーマ一覧） DevExpress　の ASPxHyperLink のデザイン（テーマ一覧）のサンプルです。各オブジェクトのテーマ設定は見てみないと違いが分かりません。今回はリンクのテーマ一覧を作成しました。左リンクがアクティブ ......
DevExpress でのハイパーリンクの背景色設定 DevExpress でのハイパーリンク（ASPxHyperLink）の背景色設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの背景色設定＞・「ASPxHyperLink」に対して「 ......
DevExpress でのハイパーリンクの枠色設定 DevExpress でのハイパーリンク（ASPxHyperLink）の枠色設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの枠色設定＞・「ASPxHyperLink」の「Borde ......
DevExpress でのハイパーリンクの無効化設定 DevExpress でのハイパーリンク（ASPxHyperLink）の無効化設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの無効化設定＞・「ASPxHyperLink」に対して「 ......
DevExpress でのハイパーリンクの非表示設定 DevExpress でのハイパーリンク（ASPxHyperLink）の非表示設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの非表示設定＞・「ASPxHyperLink」に対して「 ......
DevExpress でのハイパーリンクの折り返し禁止設定 DevExpress でのハイパーリンク（ASPxHyperLink）の折り返し禁止設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクの折り返し禁止設定＞・「ASPxHyperLink ......
DevExpress でのハイパーリンクのフォント設定 DevExpress でのハイパーリンク（ASPxHyperLink）のフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクのフォント設定＞・「ASPxHyperLink」に対し ......
DevExpress でのハイパーリンクのリンク先設定 DevExpress でのハイパーリンク（ASPxHyperLink）のリンク先設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクのリンク先設定＞・「ASPxHyperLink」に対し ......
DevExpress の ASPxHyperLink（ハイパーリンク）とは DevExpress の「ASPxHyperLink（ハイパーリンク）」は別ページに移動するオブジェクトコントロールです。基本「Microsoft Visual Studio」の「HyperLink」で表現可能です。 ......
DevExpress でのハイパーリンクのリンク押下取得設定（JavaScript） DevExpress でのハイパーリンク（ASPxHyperLink）のリンク押下取得設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクのリンク押下取得設定（Ja ......

投稿タグ: ASPxHyperLink

MENU

最近の投稿

人気記事