jQuery Mobile - 如何布局我的页面

时间:2013-04-29 02:58:11

标签: html html5 jquery-mobile

我正在构建一个用于完成工单的应用程序。主页面显示工单的详细信息(网站地址,需要完成的工作等),然后有几个listviews显示该工单的产品和人工。一开始,工作单上没有附加劳动力或产品,因此这些listviews是空的。当员工完成工单后,他们可以点击Add LabourAdd Product,然后将人工或产品添加到工单中,以反映他们已完成的工作。

我应该指出,主要工单,人工项目和产品都是数据库中的不同记录,全部通过工单的主键连接。

我的问题是我如何解决这个问题。目前,我有3个不同的页面 - 一个用于主要工作单,另一个用于添加/编辑人工,另一个用于添加/编辑产品。当我说“不同页面”时我并不是指<div data-role="page">,我的意思是,点击“添加人工”会将用户完全带到另一个网站网址。

我开始质疑我在这个设计中的逻辑。我是否应该在同一页面上拥有所有三个(主要,劳动力和产品),仅由<div data-role="page">分隔?然后,当用户添加人工时,只需将他们带到该“页面”,并且在点击“保存人工”时,主div(页面)将动态更新(人工listview获取添加到其中的项目)。

不完全确定我应该如何构建这个 - 我是jQuery mobile的新手。

由于

1 个答案:

答案 0 :(得分:0)

首先让我告诉你,你没有做错任何事。

创建jQuery Mobile应用程序有两种常用方法。

  1. 单个HTMl /多页
  2. 多个HTML文件
  3. 每种方式都没有好处,也没有什么坏处。根据我的经验,人们通常会选择多个HTML文件解决方案,这是可以预期的。单个HTML /多页是jQuery Mobile开发人员创建的新范例,人们需要一些时间才能接受它作为正常/常见的方式。

    因为你没有说你在创造什么样的应用程序我不能告诉你哪种方法是最好的。通常,如果您要创建经典网页,最好使用多个HTML解决方案。如果您要创建Phonegap移动混合应用程序,最好使用包含多个页面的单个HTML文件(这将确保页面转换顺利)。

    如果您有更多问题,请随时提出。