Razor ベースのサイトに WebGrid があり、Column 内に Checkbox と Textbox を配置したいと考えています。数量を入力した後に Checkbox をクリックすると、フォームが送信されるので、その項目をデータベースに追加します (AJAX のほうが簡単で優れている場合を除いて、現時点ではあまり熱心ではありません)。しかし、私はこれについてどうすればいいのかわかりません。
チェックボックスとテキストボックスの各コンボを独自のフォームでラップする必要があるので、チェックボックスを持つすべての列のフォームが存在しますか? または、WebGrid div 全体を 1 つのフォームだけにラップして、送信時にチェックされたフォームを特定する必要がありますか? ここからどこから始めればよいか本当にわかりません。
どんな助けでも大歓迎です。
ajax に興味がない場合は、グリッド全体をフォームにラップしてから、チェックボックスの checked イベントを使用してそのチェックボックスの ID を取得し、フォームが送信されたときにどの値を確認するかを具体的に知ることができます。ID の識別子を介して、各チェックボックスを関連するテキスト ボックスに関連付ける必要があります。これは、グリッドのすべての値がポストされるためです。各セクションが特定の機能を実行するセクションにページが分割されている場合、1 つのページに複数のフォームを配置することになります。この場合、グリッドはグリッド全体で 1 つの機能を実行しています。
その代わりに、ajax スタイルのアプローチが最善の策です。jquery を使用すると、投稿を作成するグリッド内の各要素に ajax.post をアタッチするのがかなり簡単になります。どのチェックボックスが変更されたか、投稿から見たいデータは何かを把握するためにすべての余分なコードを記述しようとするよりもはるかにクリーンです。
$.ajax({
type: "POST",
url: path,
data: "id=" + checkboxId + "text=" + textboxdata+ ,
success: function() {
// if needed alert user data saved
}
});