作業指示を完了するためのアプリを作成しています。メイン ページには、作業指示書の詳細 (サイト アドレス、何をする必要があるかなど) がlistviews
表示され、その作業指示書の製品と労働力を表示するページがいくつかあります。最初は、作業指示書に関連付けられた労働者も製品も存在しないため、これらlistviews
は空です。Add Labour
従業員が作業指示書を終了したら、またはをクリックAdd Product
して、作業指示書に労働力または製品を追加し、行った作業を反映させることができます。
主な作業指示書、作業項目、および製品はすべてデータベース内の個別のレコードであり、すべて作業指示書の主キーによって接続されていることを指摘しておく必要があります。
私の質問は、これをどのようにレイアウトしたかについてです。現在、私は 3 つの異なるページを持っています。1 つはメインの作業指示用、もう 1 つは作業の追加/編集用、もう 1 つは製品の追加/編集用です。私が「個別のページ」と言うとき<div data-role="page">
、私はそれを意味するのではなく、つまり、「Add Labour」をクリックすると、ユーザーは完全に別の Web サイト URL に移動します。
このデザインの論理に疑問を持ち始めています。3 つすべて (メイン、レイバー、プロダクト) を同じページに配置し、「<div data-role="page">
?」だけで区切る必要があります。次に、ユーザーがレイバーを追加すると、その「ページ」に移動し、「レイバーを保存」を押すと、メインの div (ページ) が動的に更新されます (レイバーlistview
にアイテムが追加されます)。
これをどのように構築すべきか完全にはわかりません-jQueryモバイルは初めてです。
ありがとう