jqueryを使用して、asp.net mvc でアレイを動的に作成します
Web開発では、ユーザーは通常、テキストボックスやドロップダウンリストなどのテーブルユニット要素を動的に追加または削除できるようにする必要があります。これは、複雑なデータ構造(配列やリストなど)のフォームを作成する場合に特に役立ちます。
質問
C#でASP.NET MVCを使用する場合、JavaScriptを使用してフォーマットフィールドダイナミックを作成すると、課題が生じる可能性があります。デフォルトでは、MVCのフォームコレクションパラメーターバインディングは、文字列や番号などの単純なタイプへのバインディングのみをサポートします。ただし、配列またはリストにバインドする必要があり、コレクションが必要であることを示すモデルが必要です。
ソリューション:フォームコントロールを動的に生成
フォームグループのデータをモデルにバインドするには、かみそりの構文を使用して、フォームコントロールを動的に生成して、データが適切にバインドできるように適切な名前を確保する必要があります。これには、ループイテレーションコレクションを使用するアイテムが含まれ、「batchproducts [0]。quantity」などの入力フィールドが生成されます。
モデルを更新
コントロールを生成した後、次のステップは、操作方法を更新して、フォーム構造に一致するモデルを受信することです。パラメーターは、「ilist
」などの配列またはリストを表す強力なタイプオブジェクトとして更新する必要があります。
プロジェクトを動的に追加して削除します
ユーザーが配列内の要素を追加または削除できるようにする場合は、BeginCollectionItem Auxiliary関数またはHTMLテンプレートを使用できます。 BEGINCOLLECTIONITEM補助関数は、セットの特定のインデックスにテンプレートを挿入することができます。これは、新しいテーブルラインを表示するために使用できます。同様に、HTMLテンプレートは、JavaScriptを使用して新しい要素を追加する新しい要素を追加する方法を提供します。
beginCollectionItem補助関数を使用した例セット内の各要素について、beginCollectionItem補助関数を使用して、各属性の入力フィールドを含むテーブルラインを生成します。目的の削除に使用される要素インデックスが含まれる非表示の入力フィールドが含まれています。
HTMLテンプレートを使用した例
コレクション内の行のテンプレートを作成し、最初に非表示にします。次に、JavaScriptクローンを使用してテンプレートを変更し、インデックス値を更新し、テーブルに追加します。
以上がjQueryを使用してASP.NET MVCフォームでアレイを動的に作成および管理する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。