ハイパーリンクの代わりに@ Html.actionLinkをクリックする方法はありますか?現在、私たちには古いコードがリンクされているため、コントローラにリンクするリンクに変換する必要があります。これは、MVC3にもう存在しないコードビハインドではありません。MVC 3画像ボタン
2
A
答えて
1
@ Html.actionLinkをハイパーリンクではなくクリックするようにする方法はありますか?
いいえ、あなたが好きなように画像を生成するcustom HTML helperと書くことができます。実際には私はCSSクラスを適用して、background-image
を適用し、幅と高さを固定したアンカーを薄くすることができると思います。私はあなたがテキスト=> IIRC Html.ActionLink
で何をするのか分からないだけで、空でないlinkText
パラメータを最初の引数として渡すように強制します。だから最終的にカスタムHTMLヘルパーは悪い考えのようには見えません。
1
@using (Html.BeginForm())
{
<p>
<input type="image" value="submit" src="../../Images/login_button.png" alt="submit Button">
</p>
}
0
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.Helpers;
using System.Web.Mvc;
namespace SMART.Infrastructure
{
public static class Html
{
/// <summary>
/// Creates and Action link with a clickable image instead of text.
/// </summary>
/// <param name="helper"></param>
/// <param name="controller">Controller</param>
/// <param name="action">Action</param>
/// <param name="parameters">Parameters</param>
/// <param name="src">Image source</param>
/// <param name="alt">Alternate text(Optional)</param>
/// <returns>An HTML anchor tag with a nested image tag.</returns>
public static MvcHtmlString ActionImage(this HtmlHelper helper, String controller, String action , Object parameters, String src, String alt = "", String title = "")
{
TagBuilder tagBuilder = new TagBuilder("img");
UrlHelper urlHelper = new UrlHelper(helper.ViewContext.RequestContext);
String url = urlHelper.Action(action, controller, parameters);
String imgUrl = urlHelper.Content(src);
String image = "";
StringBuilder html = new StringBuilder();
// build the image tag.
tagBuilder.MergeAttribute("src", imgUrl);
tagBuilder.MergeAttribute("alt", alt);
tagBuilder.MergeAttribute("title", title);
image = tagBuilder.ToString(TagRenderMode.SelfClosing);
html.Append("<a href=\"");
html.Append(url);
html.Append("\">");
html.Append(image);
html.Append("</a>");
return MvcHtmlString.Create(html.ToString());
}
}
}
関連する問題
- 1. ASP.NET MVC 3プレビュー画像
- 2. Swift 3 - Reload NavigationControllerボタン画像
- 3. MVC 3 EFを使用した画像
- 4. MVC 3画像フィールドの有効化
- 5. MVC複数の画像送信ボタン
- 6. Html.ActionLink画像ボタン
- 7. 画像とボタン
- 8. JavaScript:画像ボタン
- 9. HTML - 画像ボタン
- 10. 画像ボタンjavafx
- 11. ボタンの画像
- 12. 画像ボタンCF.net
- 13. Android 3 x 3画像ボタングリッド
- 14. ASP.NET MVCエラー画像
- 15. GeoTag画像ピッカースウィフトの画像3
- 16. スウィフト3画像スライダボタン付画像ビュー
- 17. ASP.net MVC 3でHTMLフォームから画像を保存するC#
- 18. MVC 3で外部画像を表示する方法
- 19. javascript関数に行くASP.NET MVC画像ボタン/アクションリンク
- 20. スイフト3:クロップ画像
- 21. スケール画像レール3
- 22. アップロード画像ionic 3
- 23. 画像はイオン3
- 24. 画像ボタンwith css
- 25. iPhoneボタンの画像
- 26. html5の画像ボタン
- 27. 画像ギャラリーdarkenボタン
- 28. GWTボタンの画像
- 29. TKinter:画像プレビュー - ボタン
- 30. ドロップダウンメニューの画像ボタン
ディミトロフが言ったように、あなたは、このためのカスタムヘルパーを書くことができますが、あなたはそれだけで一つのボタンを交換する場合は、たくさんそれを使用しようとしている場合、私はちょうど使用することになり、私は唯一のそれとわざわざ通常のアンカータグを使用して、@ Html.ActionLinkのようにコントローラ/アクションを指示するhrefバイアル@ Url.Action()を設定します。 –