問題タブ [unobtrusive]

だから私はHTML + Javascriptで注文フォームを作成しました.Javascriptを使用したいのは、誰かがスープの「ラベル」にカーソルを合わせると、非表示のdivが表示されます(後でコードを取得する予定です)ラベルの上にカーソルを置いたスープに関する情報が表示されます)。私はなんとかそれを機能させましたが、実装したJavascriptコードが目立たないことを知っており、目立たないようにするために同じコード（または同等のコード）を外部Javascriptファイルに配置したいと考えています。

これは私のフォームのコードの一部です（「目障りな」Javascriptを使用）：

これを見ている経験豊富な Javascript コーダーには、目障りな Javascript は明らかだと思います...

「非表示」の div に関する CSS コードのフラグメントを次に示します。

私は外部のJavascriptファイルを持っています。これは、控えめな方法で必要なものを複製するために私がやろうとしていたことです:

このコードは、次のコードとともに、ページが読み込まれたときに実行される「setup」という関数に配置されます。

だから誰かが私を助けることができれば、私はとても素晴らしいです:)。コードの断片を提供すると問題全体の解読が困難になる場合は、すべてのコードを自分のサイトにアップロードして、ここで共有できます。

Ajax フォームを送信していますが、コントローラーに到達すると Request.IsAjax が false を返すため、ページがリダイレクトされます。なぜこれを行うのか誰にもわかりますか？

私はインターネットを検索し、次のことを確認しました。

1. の下の web.config に次のものがあります<appSettings>。

   <add key="UnobtrusiveJavaScriptEnabled" value="true" />

2. ソースを表示して、実行時にページに次のスクリプトがあります。

   /li>

これがニシンであるかどうかはわかりませんが、ここでレンガの壁にぶつかったので言及します.Google Chromeでソースを表示すると、最初のスクリプトだけが色がフォーマットされています.構文は正しいですが、私には正しいように見えます! ヘルプ！

問題は次のとおりです。ページにアイテムのリストがあり、それぞれに削除するための独自のリンク/ボタンがあります。現在、各ボタンはIDとアイテムの説明/名前をJS関数に渡す必要があるため、各ボタンにonclickがあります。

邪魔にならないようにしたいのですが、方法が思いつきません。助言がありますか？

以下は、現在のセットアップの例です。

そしてページ：

選択した配送方法（この場合は特にUPS）の配送先住所に私書箱を入力しないようにします。オーバーライドjs/prototype/validation.jsして新しい検証パターンを挿入することはできますが、そのようなキーファイルをフォークしたくありません。

コアファイルを上書きせずに、Javascriptを介して配送方法を選択した後、顧客の配送先住所を目立たないように検証するメカニズムはありますか？

Validation.add内で使用されているのでvalidation.js、コアファイルの外に新しい検証メソッドを追加できる可能性がありますか？

適用したい正規表現は

JSで検証をエレガントに実行できない場合はcontroller_action_predispatch_onepage_saveShippingMethod、データを検査し、必要に応じて配送先住所フォームにAjaxリダイレクトを実行するオブザーバーに関心があります。

動的コンテンツからMVC3でhtmlを作成する必要があります。私のシナリオでは、ユーザーと状況に応じて表示されるhtmlフィールドを変更できるビューを作成する必要があります。フィールドを取得して使用する準備が整い、変更できるようになるまで、フィールドの可能な範囲はわかりません。この基本的な機能はMVCではかなり簡単です。ただし、問題が発生する場所である、目立たないクライアント側の検証を使用したいと思います。

これがシナリオです。モデルに複雑なタイプのリストがあります。複合型インスタンスは、作成する必要のあるhtmlフィールドに関するメタデータを格納します。たとえば、複合型には、作成するhtml要素型を指定するDataType文字列プロパティがあります。テキストボックスの入力要素の場合は「テキスト」、チェックボックスの入力要素の場合は「チェックボックス」、選択要素の場合は「選択」など。複合型には、Readonly、IsRequired、Value、Regex、MinLength、MaxLengthなどのプロパティがあります。これには、さまざまなHTML要素を作成し、それらの要素を検証するために必要なすべてのものが含まれています。

したがって、複合型のリストがコントローラーのモデルに挿入され、ビューが呼び出されます。ビューには、リスト内の各複合タイプの複合タイプの設定を考慮して、適切なhtml要素を表示する必要があります。これは、複合型を管理するための新しいヘルパーを作成するか、複合型のDataTypeをチェックして適切なヘルパーを使用するビューのループにswitchステートメントを含めることで実現できます。ここまでは順調ですね。

ただし、JavaScriptクライアント側の目立たない属性を自分で作成せずに、クライアント側の検証を使用したい場合に問題が発生します。これは、私が達成したいことです。既存のMVCコードを使用して、データ注釈を使用せずに目立たないクライアント側の検証を作成する方法はありますか？

たとえば、既存のModelMetadataProvider DataAnnotationsModelMetadataProviderを上書きし、自分のヘルパーから新しいメソッドを呼び出します。

上記のシナリオを達成するための最良の方法は何でしょうか？

私はasp.net mvc3アプリケーションを開発しています。

これが私の状況です。ビューページに表示されるはずのコントロールがデータベースにあります。データベースには、コントロールの種類、検証正規表現、必須かどうかなど、すべてのコントロール定義が保存されています。現在私がやっていることは、コントロールのレコードを取得し、html ヘルパーを使用してフォーム要素を構築し、ビュー ページを表示することです。

このアプローチの問題は、jQuery の控えめな検証を使用できないことです。

実行時にプロパティとデータ注釈を追加してビューページを表示できる動的モデルを持つことは可能ですか? このようにすることで、jQuery の目立たない検証をサポートできるページができあがります。

また

他の代替ソリューションを提案してください。

私はこれを私の見解に持っています

そして私のusers.jsの中で

それらを持っていると、明らかに同時にではなく、異なる結果が得られます。基本的に、選択した行の ID を取得して属性値を見つけようとしています。\

ページを読み込んだ直後の控えめな方法では、行の最初のクリックで「null」になり、行にヒットするたびに、以前にクリックした値が表示されます... 2回!. しかし、スクリプトをビュー内に保持すると、必要な結果が得られます。

私は何を間違っていますか？

編集：

私の見解

私のレイアウト

私が見た方法...そこには特別なものは何もありません

2 つの json オブジェクトがあり、それらをマージする必要があるとします。

私は最終的にしたい：

さらに試行錯誤した結果、これを思いつきましたが、いくつかのバグまたは役に立たないコード行を配置したと思います。

少し遊んだ後、このコードを思いつきました。私のニーズでは、2 つ以上のレベルを再帰する必要はなかったので、これで問題ありません。確かにかなり洗練されている可能性がありますが、バインディングノックアウトには最適です. これを使用してjquery unobtrusive knockoutjsを拡張する方法の例を次に示します

jQueryUIタブを使用しています。JavaScriptが無効になっているときにコンテンツが表示されるようにしながら、コンテンツの読み込みのちらつきを防ぐにはどうすればよいですか？

ドキュメントの読み込み時に.jsクラスを本文に追加しようとしましたが、追加されるクラスと同時にタブが読み込まれるため、コンテンツのちらつきが残ります。