ハイパーリンクの代わりに@ 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. MVC 3 EFを使用した画像
- 3. MVC 3画像フィールドの有効化
- 4. Html.ActionLink画像ボタン
- 5. 画像とボタン
- 6. 画像ボタンCF.net
- 7. JavaScript:画像ボタン
- 8. ボタンの画像
- 9. スケール画像レール3
- 10. html5の画像ボタン
- 11. TKinter:画像プレビュー - ボタン
- 12. iPhoneボタンの画像
- 13. ドロップダウンメニューの画像ボタン
- 14. iPhoneの画像ボタン
- 15. GWTボタンの画像
- 16. 画像ボタン用CSS
- 17. 3つの画像から選択するボタン
- 18. ASP.net MVC 3でHTMLフォームから画像を保存するC#
- 19. MVC 3で外部画像を表示する方法
- 20. javascript関数に行くASP.NET MVC画像ボタン/アクションリンク
- 21. 画像ボタンとボタンの違い
- 22. 4:3画像のトリミングアルゴリズム
- 23. アクションスクリプト3単純画像スライダー
- 24. Drupal 6 - サービス3 - 画像アップロード
- 25. WPFは、画像ボタンを
- 26. Asp画像ボタンOnClientClick javascript(id)
- 27. Cの画像ボタンのテキスト#
- 28. iPhoneのボタンの画像
- 29. ボタンに画像を追加
- 30. ボタンと画像(テキスト付き)
ディミトロフが言ったように、あなたは、このためのカスタムヘルパーを書くことができますが、あなたはそれだけで一つのボタンを交換する場合は、たくさんそれを使用しようとしている場合、私はちょうど使用することになり、私は唯一のそれとわざわざ通常のアンカータグを使用して、@ Html.ActionLinkのようにコントローラ/アクションを指示するhrefバイアル@ Url.Action()を設定します。 –