[解決済み] Razor MVC3 による条件付き HTML 属性
2022-11-28 22:25:41
質問
strCSSClassという変数は、しばしば値を持ちますが、時には空になることもあります。
このinput要素のHTMLに空のclass=""を含めたくない、つまりstrCSSClassが空ならclass属性は全くいらないということです。
以下は、条件付きHTML属性の1つの方法です。
<input type="text" id="@strElementID" @(CSSClass.IsEmpty() ? "" : "class=" + strCSSClass) />
これを行うよりエレガントな方法はありますか? 具体的には、要素の他の部分で使用されているのと同じ構文に従うことができるものです: class="@strCSSClass" ?
どのように解決するのですか?
Razor の PM である私から聞いたわけではありませんが、Razor 2 (Web Pages 2 と MVC 4) では、Razor に条件属性が組み込まれます (MVC 4 RC ではテストに成功しています) ので、以下のように言えばいいのです。
<input type="text" id="@strElementID" class="@strCSSClass" />
strCSSClassがNULLの場合、class属性は全くレンダリングされません。
SSSHHHH...内緒です。 :)
関連
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] JavaScriptで要素にクラスが含まれているかどうかを確認する?
-
[解決済み] Razor View Page で名前空間をインポートするにはどうしたらいいですか?
-
[解決済み] razor viewエンジンでの@文字のエスケープ
-
[解決済み] razor で三項演算子を使用するには (特に HTML 属性について)?
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするものですか?
-
[解決済み] slackのチームIDやチャンネルIDを調べる最も簡単な方法は何ですか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] 画像の横のテキストを縦に揃える?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] div内の要素を縦に並べるにはどうしたらいいですか?
-
[解決済み] localStorage、sessionStorage、session、cookieの違いは何ですか?
-
[解決済み] label要素の中にinput要素を入れるべきですか?