sencha-touch的使用

1.一个view对应一个controller，当view显示时，相应的在controller中的动作就会执行（controller中refs中的面板的名对应view的xtype），写法如：

view~

/*

* form to enter the location data

*/

Ext.require(['Ext.form.Panel','Ext.form.FieldSet']);

Ext

.define("StateGrid.view.Message.New",{

extend: 'Ext.Panel',

xtype: 'qtMsgPanel',

config : {

fullscreen: true,

items: [

{

xtype: 'fieldset',

title: '消息推送',

defaults: {

labelWidth: '20%'

},

items: [

{

flex: 1,

html: '标题',

},

{

flex: 1,

id: 'msgTitle',

html: '标题',

},

{

flex: 1,

html: '消息内容',

},

{

flex: 5,

id: 'msgContent',

},{

flex: 1,

xtype: 'button',

text: '发布',

id: 'publish',

}

]

}

]

},

});

controller~

/*

* photo controller

*/

Ext.define("StateGrid.controller.MessageController",

{

extend : "StateGrid.controller.ApplicationController",

config: {

refs: {

msgNew : "qtMsgPanel",

publishBtn: 'button[id=publish]'

},

control: {

msgNew: {

initialize : 'onMessageNewInit',

activate: 'onMessaegActivate'

},

publishBtn: {

tap: 'onPublishTap',

}

}

},

onMessaegActivate: function(){

doconnect("task");

},

onPublishTap: function(){

pub("task/ok", "you win~", 2);

},

onMessageNewInit: function(){

if(window.localStorage.getItem("topic") != null){

var title = Ext.ComponentManager.get('msgTitle');

var content = Ext.ComponentManager.get('msgContent');

title.setHtml(window.localStorage.getItem("topic"));

console.log("topic ~~~~" + window.localStorage.getItem("topic") );

content.setHtml(window.localStorage.getItem("msg"));

}

}

}

);

initialize：页面初始化执行的动作

tap：点击按钮时执行的动作

activate：view中的部件都初始化，而且显示完全后执行的动作

2.localstorage用法

key->content

保存：window.localStorage.getItem(key, content)

获取：window.localStorage.getItem(key)

3.在app.js中注册controller，view，model，storage，否则可能出现一些问题~