我正在构建一个用于完成工作订单的应用程序。主页显示工作订单的详细信息(站点地址、需要做什么等),然后有几个listviews
显示该工作订单的产品和劳动力。开始时,工单上没有附加人工或产品,所以这些listviews
都是空的。当员工完成工单后,他们可以单击Add Labour
或Add Product
向工单添加人工或产品,以反映他们所做的工作。
需要指出的是,主要工单、人工项目和产品都是数据库中不同的记录,都由工单的主键连接。
我的问题是关于我是如何布置的。目前,我有 3 个不同的页面 - 一个用于主要工作订单,另一个用于添加/编辑人工,另一个用于添加/编辑产品。当我说“不同的页面”时,我并不是指<div data-role="page">
点击“添加劳动力”将用户完全带到不同的网站 URL。
我开始质疑我在这个设计中的逻辑。我是否应该将所有三个(主要、劳动力和产品)都放在同一页面上,只用 ? 分隔<div data-role="page">
?然后,当用户添加劳动力时,它会将他们带到那个“页面”,并且在点击“保存劳动力”时,主 div(页面)会动态更新(劳动力listview
会添加一个项目)。
不完全确定我应该如何构建这个 - 我是 jQuery mobile 的新手。
谢谢