19

asp:Buttonまたはasp:LinkButtonをどのように使用しasp:Hyperlinkますか？

既存のハイパーリンクは、同じページの別のセクションに移動するだけです。NavigateUrl="#Section2"

追加のコーディングなしでaspxファイルでこれを実行したいと思います。ありがとう。

目的は、下線付きのテキストの代わりにボタンを表示することですが、この目的を達成するためにハイパーリンク付きの画像を使用したくありません。

4

5 に答える 5

22

OnClientClickイベントを使用して、JavaScript関数を呼び出すことができます。

<asp:Button ID="Button1" runat="server" Text="Button" onclientclick='redirect()' />

JavaScriptコード：

function redirect() {
  location.href = 'page.aspx';
}

しかし、cssを使用してハイパーリンクのスタイルを設定するのが最善だと思います。

例 ：

.button {
  display: block;
  height: 25px;
  background: #f1f1f1;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #e1e1e2;
  color: #000;
  font-weight: bold;
}
于 2012-12-26T01:03:08.930 に答える
19

中道があります。HTMLコントロールが必要であるが、サーバー側でアクセスする必要がある場合は、runat="server"属性を追加するだけです。

<a runat="server" Id="lnkBack">Back</a>

href次に、を使用してサーバー側を変更できますAttributes

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
       lnkBack.Attributes.Add("href", url);
    }
}

その結果：

<a id="ctl00_ctl00_mainContentPlaceHolder_contentPlaceHolder_lnkBack" 
      href="url.aspx">Back</a>
于 2014-01-13T12:17:31.497 に答える
9

これを実現する最良の方法は、以下のようにリンクボタンに「href」を追加することです。

<asp:LinkButton runat="server" id="SomeLinkButton" href="url" CssClass="btn btn-primary btn-sm">Button Text</asp:LinkButton>

javascriptを使用するか、page_loadでプログラムでこれを行うことも同様に機能しますが、これを行うための最良の方法ではありません。

次の結果が得られます。

<a id="MainContent_ctl00_SomeLinkButton" class="btn btn-primary btn-sm" href="url" href="javascript:__doPostBack(&#39;ctl00$MainContent$ctl00$lSomeLinkButton&#39;,&#39;&#39;)">Button Text</a>

通常のを使用して同じ結果を得ることができます <a href="" class=""></a>。

于 2016-08-18T19:30:38.100 に答える
3

これは、PostBackUrlと通常のボタンを使用して非常に簡単に実行できます。

<asp:Button ID="Button1" runat="server" Text="Name of web location" PostBackUrl="web address" />
于 2019-06-24T12:18:42.707 に答える
0

リンクボタンを使用して、同じページの別のセクションに移動できます。PostBackUrl="#Section2"

于 2021-01-16T04:17:58.200 に答える