[解決済み] ASP.NET MVCでHTML-5のdata-*属性でダッシュを使用する方法
2022-03-17 10:32:50
質問
を使おうとしています。 HTML5 データ-属性 をASP.NET MVC 1プロジェクトで使用しています。(私はC#とASP.NET MVCの初心者です。)
<%= Html.ActionLink("« Previous", "Search",
new { keyword = Model.Keyword, page = Model.currPage - 1},
new { @class = "prev", data-details = "Some Details" })%>
上記のhtmlAttributesの中の"data-details"は、以下のエラーを出します。
CS0746: Invalid anonymous type member declarator. Anonymous type members
must be declared with a member assignment, simple name or member access.
data_detailsを使うとうまくいくのですが、仕様通り"data-"で始めないといけないのでしょうか。
私の質問です。
- Html.ActionLinkまたは同様のHtmlヘルパーを使用して、これを動作させ、HTML5のデータ属性を使用する方法はありますか?
- カスタムデータを要素に添付するための他の代替メカニズムはありますか?このデータは、後でJSで処理される予定です。
どのように解決するのですか?
更新: MVC 3 以降のバージョンでは、ビルトインのサポートがあります。推奨される解決策については、以下のJohnnyOのupvotedされた回答を参照してください。
これを実現するためのヘルパーがすぐにあるとは思えませんが、試していただきたいアイデアが2つあります。
// 1: pass dictionary instead of anonymous object
<%= Html.ActionLink( "back", "Search",
new { keyword = Model.Keyword, page = Model.currPage - 1},
new Dictionary<string,Object> { {"class","prev"}, {"data-details","yada"} } )%>
// 2: pass custom type decorated with descriptor attributes
public class CustomArgs
{
public CustomArgs( string className, string dataDetails ) { ... }
[DisplayName("class")]
public string Class { get; set; }
[DisplayName("data-details")]
public string DataDetails { get; set; }
}
<%= Html.ActionLink( "back", "Search",
new { keyword = Model.Keyword, page = Model.currPage - 1},
new CustomArgs( "prev", "yada" ) )%>
アイデアだけで、テストはしていません。
関連
-
[解決済み] System.Web.HttpException (0x80004005)。リクエストの最大長を超えました
-
[解決済み] ルート値を含むURL.Action()
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] jQuery データ属性の値に基づいて要素を検索する方法は?
-
[解決済み] data-id属性を取得するにはどうすればよいですか?
-
[解決済み] ファイルアップロード ASP.NET MVC 3.0
-
[解決済み] HTML5を使用したカスタムデータ属性のjQueryセレクタ
-
[解決済み] ASP.NET MVCでHTML-5のdata-*属性でダッシュを使用する方法
-
[解決済み】MVCアプリケーションでデータをキャッシュする方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Razor View Engine : 式ツリーには、動的な操作を含めることができません。
-
[解決済み] JsonResultが特殊文字(apostrophe)を \u0027 としてパースしています。
-
[解決済み] Razor View throwing "The name 'model' does not exist in the current context".
-
[解決済み】ASP.NET MVCのフォームでチェックボックスを処理するにはどうすればよいですか?
-
[解決済み】"JSONリクエストが大きすぎてデシリアライズできませんでした "の表示について
-
[解決済み】jQuery Ajaxの呼び出しとHtml.AntiForgeryToken()について)
-
[解決済み】HTTPエラー500.19とエラーコード: 0x80070021
-
[解決済み】ViewModelのベストプラクティス
-
[解決済み】Java Server Faces 2.0の主なデメリットは何ですか?
-
[解決済み] MVCとRazorにおけるHtml.TextboxForとHtml.EditorForの相違点