フォームが複数のページに分割されている jquerymobile および mvc4 でフォームを実行するためのガイドラインまたはベスト プラクティスはありますか? Jqmでは、1つのhtmlドキュメントに複数のdivを「ページ」として設定できますが、フォームを使用してデータ検証などを画像化しているため、このルートに行くのが頭痛の種になりますか?
1 に答える
私はここ数か月、asp.net の上にある Web フォームと MVC の両方で jQuery Mobile を調査してきました。まず、それはあなたの質問の一部ではないことを認識しています.jQMとWebフォームとポストバックモデルは根本的に壊れています. Web フォームでの唯一のアプローチは、jQM の mobileinit で ajax の読み込みをオフにすることです。私は最近、Web フォームの上に展開する必要がある 4 ~ 5 ページで構成される小さなサイトを完成させました。<div data-role="page">
私は 4 つまたは 5 つの「ページ」/要素を含む単一の html ファイルを使用することになりました。すべてのデータ交換は、ASMX サービス呼び出しを介して行われました。一部の JavaScript と KnockoutJS。問題なく動作しましたが、このような単純なサイトには複雑すぎました。
mvc に関しては、jQM モデルとその ajax 実装は正常に動作します。単一ページ テンプレートと複数ページ テンプレートを混在させても問題ありませんが、アプリのさまざまな領域を明確に区別する必要があります。私はこの後者のアプローチで遊んで、最終的に単一ページ テンプレートに移行しました。それは主に、それが私の現在の mvc 開発経験と最も一貫したアプローチだったからです。また、完全な SPA アプローチを検討しましたが、それは要件ではなく、作業が非常に複雑だったため、最終的には断念しました。
私が少し苦労し続けている唯一の項目は、モバイル エクスペリエンスを与えられたほとんどのユーザーが、リンクを介してページから移動したときにすべてのデータがページに保存されることを期待していることです。標準のフォームsubmit
ボタンだけがあり、追加のナビゲーション ボタンが .xml の外にある可能性が高いform
場合は、何らかのタイプの javascript / ajax を呼び出して、フォームが確実に送信されるようにする必要があります。また、ナビゲーション ボタンはフッターやフォームの外側にある可能性が高いことに注意してください。
一般的に、私は jQM と mvc の可能性に非常に興奮しています。これらだけでキャリアを積むことができれば、私は幸せなキャンピングカーになります. jQM と MVC の優れたエンド ツー エンドの例はあまりありません。これについてもっとチャットしたい場合は、喜んでお話しします。私は明らかにすべての答えを持っているわけではありませんが、少しの痛みを経験しており、いくつかのアプローチからあなたを遠ざけることができます.