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，否则可能出现一些问题~