日期:2014-05-16  浏览次数:20544 次

HTML5 App实战(5):待办(TODO)

TODO是一个很常用的应用程序,这里用“画app吧”开发一个简单而实用的TODO应用程序吧: 

1.用支持HTML5的浏览器(Chrome/Firefox/Safari/IE9+)打开http://www.drawapp8.com/appedit.php。

1

选择”新建“创建一个新的app,缺省情况下的设备是iphone5(或者其它设备)。

2.现在我们把设备切换成FirefoxOS的手机。双击设备打开设备的属性对话框,在设备列表中选择firefoxOS的手机。

2

3.选择“确定”之后,我们就可以看到iphone5变成了FirefoxOS手机了。我们不需要上面的toolbar,把它删除掉。

3

4.现在我们向窗口上重新放一个toolbar,并在上面放一个单行编辑器和一个按钮。

1

单行编辑器上的I Want...提示可以在属性对话框中设置。

2

5.现在我们向窗口上放一个listview,并调整上面的控件如下图。

3

6.现在我们开始写代码:

在窗口的onOpen事件里写些代码(这些代码其实应该放到独立的js文件,不过代码不多,我们先放在这里吧):

var win =