DevExpress でのハイパーリンクのテキスト取得設定（JavaScript）

DevExpress でのハイパーリンク（ASPxHyperLink）のテキスト取得設定（JavaScript）のサンプルです。

ハイパーリンク（ASPxHyperLink）の「JavaScript」一覧は「ASPxClientHyperLink Class」を参照して下さい。

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

＜ハイパーリンクのテキスト取得設定（JavaScript）＞

・「alert(‘「’ + s.GetText() + ‘」を取得’);」の設定をします。

【サンプルプログラム】

<script type="text/javascript">
    function ClickLink(s, e) {
        alert('「' + s.GetText() + '」を取得');
    }
</script>
<form id="form1" runat="server">
    <div>
        <dx:ASPxHyperLink ID="ASPxHyperLink1" runat="server" Text="アキュラホームページ" Font-Bold="True" Font-Size="Larger" NavigateUrl="http://aqurex.jp/" Theme="RedWine" Height="40px" Target="_blank">
            <ClientSideEvents Click="function(s, e) {
                ClickLink(s, e);
            }" />
        </dx:ASPxHyperLink>
        <br />
        <dx:ASPxHyperLink ID="ASPxHyperLink2" runat="server" Text="アキュラのブログ（ASPxGridView）" Font-Bold="True" Font-Size="Larger" NavigateUrl="http://aqurex.jp/tag/aspxgridview/" Theme="RedWine" Height="40px" Target="_blank">
            <ClientSideEvents Click="function(s, e) {
                ClickLink(s, e);
            }" />
        </dx:ASPxHyperLink>
        <br />
        <dx:ASPxHyperLink ID="ASPxHyperLink3" runat="server" Text="アキュラのブログ（ASPxComboBox）" Font-Bold="True" Font-Size="Larger" NavigateUrl="http://aqurex.jp/tag/aspxcombobox/" Theme="RedWine" Height="40px" Target="_blank">
            <ClientSideEvents Click="function(s, e) {
                ClickLink(s, e);
            }" />
        </dx:ASPxHyperLink>
    </div>
</form>

function ClickLink(s, e) {

alert('「' + s.GetText() + '」を取得');

}

</script>

<div>

<dx:ASPxHyperLink ID="ASPxHyperLink1" runat="server" Text="アキュラホームページ" Font-Bold="True" Font-Size="Larger" NavigateUrl="http://aqurex.jp/" Theme="RedWine" Height="40px" Target="_blank">

<ClientSideEvents Click="function(s, e) {

ClickLink(s, e);

}" />

</dx:ASPxHyperLink>

<br />

<dx:ASPxHyperLink ID="ASPxHyperLink2" runat="server" Text="アキュラのブログ（ASPxGridView）" Font-Bold="True" Font-Size="Larger" NavigateUrl="http://aqurex.jp/tag/aspxgridview/" Theme="RedWine" Height="40px" Target="_blank">

<ClientSideEvents Click="function(s, e) {

ClickLink(s, e);

}" />

</dx:ASPxHyperLink>

<br />

<dx:ASPxHyperLink ID="ASPxHyperLink3" runat="server" Text="アキュラのブログ（ASPxComboBox）" Font-Bold="True" Font-Size="Larger" NavigateUrl="http://aqurex.jp/tag/aspxcombobox/" Theme="RedWine" Height="40px" Target="_blank">

<ClientSideEvents Click="function(s, e) {

ClickLink(s, e);

}" />

</dx:ASPxHyperLink>

</div>

</form>

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

リンクをクリックします。

無事にハイパーリンク（ASPxHyperLink）のテキスト取得設定（JavaScript）が出来ました。

関連記事はこちら:

DevExpress でのハイパーリンクのリンク押下取得設定（JavaScript） DevExpress でのハイパーリンク（ASPxHyperLink）のリンク押下取得設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクのリンク押下取得設定（Ja ......
DevExpress の ASPxHyperLink から ASPxGridView の「登録/更新/削除」実行設定 DevExpress のリンクからグリッドの「登録/更新/削除」実行設定のサンプルです。ボタンの場合は過去のブログに記載しています。別画面でリンク表示「ASPxGridView」、「ASPxHyperLink」を使 ......
DevExpress でのハイパーリンクのテーマ設定 DevExpress でのハイパーリンク（ASPxHyperLink）のテーマ設定のサンプルです。現状の画面デザインはこのようになっています。＜ハイパーリンクのテーマ設定＞・「ASPxHyperLink」に対して「 ......
DevExpress でのコンボボックスのエラー表示設定（JavaScript） DevExpress でのコンボボックス（ASPxComboBox）のエラー表示設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。＜コンボボックスのエラー表示設定＞・「ASPx ......
DevExpress の ASPxUploadControl でのアップロード対象ファイル名（複数）取得２（JavaScript） DevExpress の ASPxUploadControl でのアップロード対象ファイル名（複数）取得（JavaScript）のサンプルです。現状の画面デザインはファイル複数項目になっています。今回はアップロード前 ......
DevExpress の ASPxGridLookup でのデータ取得（Nカラム）（JavaScript） DevExpress の ASPxGridLookup でのデータ取得（Nカラム）（JavaScript）のサンプルです。今回は、リスト閉じるイベントで選択行のデータ（Nカラム）を取得します。現状の画面デザインはこの ......
DevExpress の ASPxPopupControl での表示位置設定（縦）追加 DevExpress の ASPxPopupControl での表示位置設定（縦）追加のサンプルです。今回は、ボタンを中心にして表示位置を設定します。「ASPxPopupControl」の表示位置設定（縦）で画面中央 ......
DevExpress の ASPxPopupControl でのヘッダー最大化ボタン表示設定 DevExpress の ASPxPopupControl でのヘッダー最大化ボタン表示設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxPopupControl」オブジェクトのプロパティを変 ......
DevExpress の ASPxGridView の外部オブジェクトから「登録/更新/削除」実行設定（まとめ） DevExpress　の外部オブジェクトから「登録/更新/削除」実行設定のまとめです。ボタンクリックで「登録/更新/削除」実行を行います。【AddNewRow】・グリッドデータ「新規」実行別画面でリンク表示【S ......
DevExpress の ASPxButton の処理実行確認設定 DevExpress　の処理実行確認設定のサンプルです。今回はエクセル出力の確認を行います。「ASPxButton」を使用します。現状の画面デザインはこのようになっています。ボタンクリックでエクセル出力します。 ......

投稿タグ: ASPxHyperLink, JavaScript

MENU

最近の投稿

人気記事