Worklight中使用mobile UI框架

——1.使用jquery ui

——2.使用Sencha Touch

——3.使用Dojo mobile


1、使用jquery mobile ui

       在jquery mobile 应用中基本框架如下：

<div datarole="page">
    <div datarole="header">....</div>
    <div datarole="content">...</div>
    <div datarole="footer">..</div>
</div>


其中header与footer可选。页面运行时将用jquery mobile渲染，其所需的样式文件将会自动应用。

可以通过使用Theme tools来创建自定义的样式文件与主题。附上链接：Theme Tools


       WYSIWYG编辑器用来给开发者提供jquery mobile widgets的工具。



2、

3、使用dojo mobile ui来创建应用

       Dojo mobile是Dojo工具集中的一部分，由Dojo Fundation开发并维护。首先下载Dojo Toolkits  

下载成功解压后有三个文件夹，名称分别为dojo、dojox、dijit。将Dojo工具集导入到project的根目录下，如下图所示：

       IBM WL Studio使用build-dojo.xml 文件来确定dojo工具集的位置