中文教程

移动WEB应用开发-SENCHA TOUCH篇(6)

Posted 周日, 09/04/2016 - 13:37 by admin

本次我们来接触一下Sencha Touch中的AJAX以及 相应的后台PHP程序。
实现表单的AJAX异步提交
需要设定的参数：
url:表单提交时的目标URL地址
standardSubmit:使用布尔值指定表单提交方式（true为同步，false为异步，默认为false）

移动web应用开发-Sencha Touch篇(5)

Posted 周日, 09/04/2016 - 13:34 by admin

这次主要介绍Sencha Touch中的XTemplate组件，利用该组件可以方便的构造html代码，很实用。为了减少不必要的说解，让内容更加简洁清晰，这里直接给出对应代码和代码的相应注释，只要有JavaScript基础的同学就能轻易掌握。

一、利用XTemplate创建HTML代码


移动web应用开发-Sencha Touch篇(4)

Posted 周日, 09/04/2016 - 13:29 by admin

Sencha Touch中提供了许多组件，这一次以轮播组件（carousel）为引子，介绍一下Sencha Touch组件的使用方法。
以下先给出轮播插件的具体实现方法：

这里使用default定义了在这个fieldset中的默认labelwidth属性值都为20&（有很多陌生的地方暂且不用管，以后会说到）
此外，轮播组件还有以下其他属性：
carousel.next();//显示之前一个
carousel.prev();//显示之后一个
carousel.setActiveItem(1);//指定显示任何一个
这里指的是轮播显示的界面

移动web应用开发-Sencha Touch篇(3)

Posted 周日, 09/04/2016 - 13:25 by admin

第一个要接触的就是面板这个组件，它是构建一个页面最基础的组件，其他的内容都要显示在这个面板中。
在上一篇中，我们就已经拿面板为例，介绍了创建组件的方法。这里再把创建面板的代码重复一下：

var panel = Ext.create('Ext.Panel', {
            fullscreen: true,
            id: 'myPanel',
            style: 'color:red',
            html: '一个简单的示例面板'
        });

有问题的话可以参考之前的博客。

移动web应用开发-Sencha Touch篇(2)

Posted 周日, 09/04/2016 - 13:22 by admin

了解了大致的Sencha Touch框架之后，我们就可以在其中进行代码的编写了。只要上一篇的内容都按部就班的做了，接下来要做的就是慢慢学这个框架，按照内容敲代码—看结果，基本没有什么过不去的地方。

首先跟上次一样，建立index.html文件和对应的app.js文件。用Sencha Touch搭建的移动web应用，app.js的内容框架大致如下：

聚合内容