sencha touch2.3.1入门学习(1)

1:到官网下载http://www.sencha.com/products/touch/download/,我下载最新版本2.3.1a; 二：建立文件夹目录结构如下 其他文件夹自行建立，touch-2.3是第一步官网下载解压而来。 三：编写代码： 1:index.html !DOCTYPE htmlhtmlhead meta charset=utf-8 titlew

1:到官网下载http://www.sencha.com/products/touch/download/,我下载最新版本2.3.1a;

萤火商城

萤火商城V2.0，是2021年全新推出的一款轻量级、高性能、前后端分离的电商系统，支持微信小程序 + H5+ 公众号 + APP，前后端源码完全开源，看见及所得，完美支持二次开发，可学习可商用，让您快速搭建个性化独立商城。萤火商城V2.0开源版 [uni-app端]如何使用uni-app端一、导入uniapp项目 1. 首先下载HBuilderX并安装，地址：https://www.dcloud

下载

二：建立文件夹目录结构如下

其他文件夹自行建立，touch-2.3是第一步官网下载解压而来。

三：编写代码：

1:index.html

/**
 * Created by Chongshi Tan on 14-3-4.
 */

Ext.application( {
    name: 'WifiApp',
    controllers: ['WifiController'],
    views: ['WifiListContainer'],
    launch: function() {
        var wifiListContainer = Ext.create('WifiApp.view.WifiListContainer');
        Ext.Viewport.add(wifiListContainer);
    }
});

/**
 * Created by Chonshi Tan on 14-3-4.
 */

Ext.define("WifiApp.view.WifiListContainer", {
    extend: 'Ext.Container',
    requires: ['Ext.Toolbar'],
    config: {
        items: [{
            xtype: 'toolbar',
            docked: 'top',
            title: '开关列表',
            items: [{
                xtype: 'spacer'
            },{
                xtype: 'button',
                text: 'New',
                ui: 'action',
                iconCls: 'add',
                id: 'new-wifiList-btn'
            }]
        }]
    }
});

/**
 * Created by Chongshi Tan on 14-3-4.
 */

Ext.define('WifiApp.controller.WifiController', {
    extend: 'Ext.app.Controller',
    launch: function() {
        this.callParent();
        console.info("lauch");
    },
    init: function() {
        this.callParent();
        console.info('init');
    },
    config: {
        refs: {
            newWifiBtn: "#new-wifiList-btn"
        },
        control: {
            newWifiBtn: {
                tap: 'onNewWifi'
            }
        }
    },
    onNewWifi: function() {
        console.log("onNewWifi");
    }
});

五：最后感谢

yanwushu

在他的代码上修改用最新的库做了一些改进和测试的demo，后续继续学习……