として使用される場合、EditorFor
ヘルパーは、モデルを自動的に足場にするために使用できます。問題は、ラベル、フィールド、および検証メッセージを自動的に生成するため、このメソッドに渡された匿名型(new { htmlAttributes = ..}
)の各要素のスタイルとクラスをカスタマイズすることです。`EditFor`ヘルパーによって作成された各要素のカスタマイズ
答えて
EditorTemplate
を使用する必要があり、EditorFor
ヘルパーがテンプレートに基づいてモデルを自動的にレンダリングするため、ビューのカスタマイズにhtmlAttributes
プロパティを使用する必要はありません。この利点は、あなたのテンプレートが終わって再利用することができ、オーバー特別に、それはなどDateTime
、IFormFile
、などのタイプのためである場合は、次の例を参照することができ、ということである:
UserModelTemplate.cshtml:
-------------------------
@model UserModel
<div class="form-group">
<label class="hero-label">
@Html.DisplayNameFor(m=> m.Username)
<span class="text-danger">
@Html.ValidationMessageFor(m=> m.Username)
</span>
</label>
@Html.TextBoxFor(m=> m.Username, new { @class = "form-control"})
</div>
そして、あなたは次のように続けることができますそれ。あなたのテンプレートを開発完了したら、あなたは `新しいとは何したいですか
@Html.EditorFor(model=> model, "UserModelTemplate")
テンプレートは、クラス(この場合は 'UserModel.cshtml')と同じ名前をつけ、'/Views/Shared/EditorTemplates'フォルダに置かれ、 '@Html.EditorFor(m => m)' –
@StephenMuecke:そうですが、デフォルトの動作を無効にすると、1つのモデルまたは要素に対して複数のテンプレートを定義し、該当する場所で使用することができます。 – Transcendent
はい、コレクション用に使用することはできません。 –
- 1. #eachヘルパーによって作成された要素のIDを設定する
- 2. jqueryによって作成されたDOM要素が表示されない
- 3. ng-repeatによって作成されたangularJS要素の移動
- 4. 条件はjQueryを使って作成された要素内
- 5. 要求によって作成されたdjangoストリームのjsonデータ
- 6. CSSトランジションアニメーションによって作成された不要な空白
- 7. 私は、ポリマーライブラリとカスタム要素を作成した後、カスタムポリマーにより作成された要素や他のライブラリ
- 8. 各ブロックのショーフォームはng-repeatによって作成されましたか?
- 9. JQuery作成された要素に要素を作成する方法
- 10. 追加された各要素のjQuery
- 11. リストの作成、各ネストされたリストからの要素の取得
- 12. 生成された各要素の値を掛ける
- 13. grails、jqueryイベントハンドラは、remoteFunctionまたはremoteLinkによって作成された要素の更新にバインドします。
- 14. Javascriptコンポーネントによって生成された要素にVaadinコンポーネントを追加
- 15. 動的に作成された別の要素内の動的に作成された要素にイベントをバインドする方法はありますか?静的な祖先を持って、動的に作成された要素に
- 16. Jqueryを使って要素内に要素を作成する
- 17. JAVASCRIPTを介してajaxによって動的に作成された後に要素IDを取得
- 18. ブートストラップポップオーバーによって生成されたインラインスタイル要素を変更する
- 19. JavaScriptを使用してASP.NET MVCヘルパーによって作成されたラベルを取得する方法
- 20. セレンwebdriverを - findElements(によって返された要素をクリック)
- 21. Linq order IEnumerable(列挙された要素自体によって)
- 22. コントローラの変更時に指令によって作成された更新要素varibale
- 23. javascriptによって作成された2つのdiv要素に同じ子を追加できない
- 24. Jqueryによって作成された要素のng-clickを追加するには?
- 25. 動的に作成された子要素の親要素のイベント委譲
- 26. カスタマイズされたBingマップを作成
- 27. カスタマイズされたコントロールを作成する
- 28. フッター要素が他の要素によってオフセットされています
- 29. は、私は次のように作成されたカスタム要素を、持っているJavaScriptの
- 30. anglejsによって動的に作成された要素にJSイベントを追加する方法
(より良い組織用サブフォルダに多分共有フォルダに入れて、と)
EditorFor
ヘルパーと一緒に使用することができます{ htmlAttributes = new {@class = "x"}} '、あなたはviewmodelプロパティか' ViewBag'からクラス 'x'を動的に変更したいですか? –@ TetsuyaYamamoto:いいえ、EditorForは、モデルの個々のメンバーと一緒にモデル全体を足場にすることができます。自動スキャフォールディングでは、Label( 'text-danger')、field( 'form-control')、validation( 'validation-error')など、足場アイテムの種類ごとにcssクラスを定義するにはどうすればよいですか? – Arrrr